
.home-container[data-v-54549a30] {
    position: relative;
  }
  .home-container .link-dept[data-v-54549a30] {
      position: absolute;
      top: 8px;
      right: 10px;
      height: 26px;
      width: 84px;
      border-radius: 42px;
      background: #fff;
      text-align: center;
      line-height: 26px;
      opacity: 0.9;
  }
  .home-container .link-dept div[data-v-54549a30] {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        border-left: 1px solid #666666;
        border-bottom: 1px solid #666666;
        width: 5px;
        height: 5px;
        display: inline-block;
        margin-left: 5px;
        line-height: 5px;
        position: relative;
        top: -2px;
  }
  
  .ico[data-v-72e8894e] {
    width: 82px;
    height: 90px;
    position: fixed;
    background: url(//b.yzcdn.cn/beauty/wap/ca188440a958421dc5589091b9163ef9.png) no-repeat;
    background-size: 100%;
    right: 15px;
    bottom: 60px;
    z-index: 10;
  }
  .ico.no-bottom-nav[data-v-72e8894e] {
      bottom: 22px;
  }
  
  .pirate-mask-layout {
    position: fixed;
    z-index: 99;
    bottom: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
  }
  .pirate-mask-layout--full {
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
  }
  /* sprite-loader-enable */
  .box[data-v-7d7f19fd] {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .box .img-warp[data-v-7d7f19fd] {
    position: absolute;
  }
  .box.base .img-warp[data-v-7d7f19fd] {
    top: 10px;
    right: 20px;
    width: 246px;
    height: 204px;
    background: url(//b.yzcdn.cn/beauty/wap/91e7d17152bb9314593876a4de20a304.png) no-repeat;
    background-size: 100%;
  }
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .container[data-v-f2a6e498] {
    z-index: 2009;
    bottom: 0;
    width: 100%;
  }
  .container .warp[data-v-f2a6e498] {
      background: #FFF;
      position: relative;
      text-align: center;
  }
  .container .warp .tit[data-v-f2a6e498] {
        padding-top: 30px;
        color: #333;
        font-size: 16px;
  }
  .container .warp .desc[data-v-f2a6e498] {
        color: #999;
        padding: 10px 40px 20px;
        line-height: 16px;
  }
  .container .warp .icon-warp[data-v-f2a6e498] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0px 20px;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding-bottom: 20px;
  }
  .container .warp .icon-warp .item[data-v-f2a6e498] {
          padding: 8px 0;
          width: 78px;
          height: 100%;
          color: #999;
  }
  .container .warp .icon-warp .item .svg[data-v-f2a6e498] {
            width: 54px;
            height: 54px;
            display: inline-block;
            opacity: .95;
  }
  .container .warp .icon-warp .item i[data-v-f2a6e498] {
            width: 54px;
            height: 54px;
            display: inline-block;
  }
  .container .warp .icon-warp .item span[data-v-f2a6e498] {
            padding-top: 10px;
            display: block;
  }
  .container .warp .icon-warp .item.wx i[data-v-f2a6e498] {
            background: url(//b.yzcdn.cn/beauty/wap/90c4520876d99046910b58893aa91eb2.png);
            background-size: 100%;
  }
  .container .warp .icon-warp .item.qr i[data-v-f2a6e498] {
            background: url(//b.yzcdn.cn/beauty/wap/3febe62cee140925697890754fe8b914.png);
            background-size: 100%;
  }
  .container .warp .icon-warp .item.copy[data-v-f2a6e498] {
            background: none;
            border: none;
            -ms-touch-action: none;
                touch-action: none;
  }
  .container .warp .icon-warp .item.copy i[data-v-f2a6e498] {
              background: url(//b.yzcdn.cn/beauty/wap/9a1e01b020ea8c79d81d420bad1156cc.png);
              background-size: 100%;
  }
  .container .warp .link[data-v-f2a6e498] {
        height: 50px;
        line-height: 50px;
        width: 100%;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: center;
        color: #666;
        font-size: 16px;
  }
  .container .warp .link[data-v-f2a6e498]:before {
          border-top: 1px solid #E5E5E5;
  }
  .container .warp .close[data-v-f2a6e498] {
        background-size: 22px;
        position: absolute;
        right: 8px;
        top: 8px;
        width: 36px;
        height: 36px;
        font-size: 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
  }
  .container .warp .close i[data-v-f2a6e498] {
          display: inline-block;
          width: 20px;
          height: 20px;
          background: url(//b.yzcdn.cn/beauty/wap/81769be4b1207dde32f4119c03bcf324.png) no-repeat center;
          background-size: 100%;
  }
  
  .box .qr .tip i[data-v-1ff75f42] {
    background: url(//b.yzcdn.cn/beauty/wap/3bc67d593f455356eca6cada101e7b9d.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .box[data-v-1ff75f42] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .box .qr[data-v-1ff75f42] {
    position: relative;
    width: 300px;
    height: 300px;
    background: #fff;
  }
  .box .qr .close[data-v-1ff75f42] {
    display: inline-block;
    width: 36px;
    height: 36px;
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    right: -28px;
    top: -32px;
  }
  .box .qr .close i[data-v-1ff75f42] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(//b.yzcdn.cn/beauty/wap/64fb91c3cc38f2b749d5ef4eabe7c21a.png);
    background-size: 100%;
  }
  .box .qr .tip[data-v-1ff75f42] {
    width: 100%;
    position: absolute;
    bottom: -35px;
    text-align: center;
    color: #e5e5e5;
  }
  .box .qr .tip i[data-v-1ff75f42] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-position: 0 0;
    vertical-align: middle;
  }
  .box .qr .cnt[data-v-1ff75f42] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
  .box .qr .cnt .dom .code[data-v-1ff75f42] {
    width: 100%;
    height: 100%;
  }
  .box .qr .cnt .dom .logo[data-v-1ff75f42] {
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    border: 4px solid #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .box .qr .cnt .loading[data-v-1ff75f42] {
    background: url(//b.yzcdn.cn/beauty/wap/931bdb6b50816b03206c66921760b246.gif) center no-repeat;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .box .qr .cnt .download[data-v-1ff75f42] {
    width: 100%;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .box .qr .tip i[data-v-1ff75f42] {
      background-image: url(//b.yzcdn.cn/beauty/wap/8148802cd8f90849dfcbe907d70b5d46.png);
      background-size: 13px 14px;
  }
  }
  .box .container .tip i[data-v-b0299724] {
    background: url(//b.yzcdn.cn/beauty/wap/3bc67d593f455356eca6cada101e7b9d.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .box[data-v-b0299724] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: background .3s;
    z-index: 1988;
  }
  .box .container[data-v-b0299724] {
    position: relative;
  }
  .box .container .close[data-v-b0299724] {
    display: inline-block;
    width: 36px;
    height: 36px;
    position: absolute;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    right: -28px;
    top: -32px;
  }
  .box .container .close i[data-v-b0299724] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(//b.yzcdn.cn/beauty/wap/64fb91c3cc38f2b749d5ef4eabe7c21a.png);
    background-size: 100%;
  }
  .box .container .tip[data-v-b0299724] {
    width: 100%;
    position: absolute;
    bottom: -35px;
    text-align: center;
    color: #e5e5e5;
  }
  .box .container .tip i[data-v-b0299724] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: bottom;
    background-position: 0 0;
  }
  .box .container .cnt[data-v-b0299724] {
    font-size: 0;
  }
  .box .container .cnt .loading[data-v-b0299724] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #fff;
    z-index: 100;
  }
  .box .container .cnt .loading > div[data-v-b0299724] {
    background: url(//b.yzcdn.cn/beauty/wap/931bdb6b50816b03206c66921760b246.gif) center no-repeat;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .box .container .tip i[data-v-b0299724] {
      background-image: url(//b.yzcdn.cn/beauty/wap/8148802cd8f90849dfcbe907d70b5d46.png);
      background-size: 13px 14px;
  }
  }
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .containerpicker .mask[data-v-1cf48a51] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity .3s;
  }
  .containerpicker .mask-hide[data-v-1cf48a51] {
    opacity: 0;
    display: none;
  }
  .containerpicker .content[data-v-1cf48a51] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
  }
  .containerpicker .content .hd[data-v-1cf48a51] {
      height: 44px;
      color: #333;
      font-size: 14px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
  }
  .containerpicker .content .hd[data-v-1cf48a51]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .containerpicker .content .hd .title[data-v-1cf48a51] {
        display: inline-block;
        max-width: calc(100% - 120px);
        text-align: center;
  }
  .containerpicker .content .hd .back[data-v-1cf48a51] {
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -10px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
  }
  .containerpicker .content .hd .back .ico-back[data-v-1cf48a51] {
          -webkit-transform: rotate(225deg);
              -ms-transform: rotate(225deg);
                  transform: rotate(225deg);
  }
  .containerpicker .content .hd .close-container[data-v-1cf48a51] {
        padding: 10px;
        position: absolute;
        right: 0px;
        top: 50%;
        margin-top: -20px;
  }
  .containerpicker .content .hd .close-container .ico-close[data-v-1cf48a51] {
          width: 20px;
          height: 20px;
          background: url(//b.yzcdn.cn/beauty/wap/81769be4b1207dde32f4119c03bcf324.png) center no-repeat;
          background-size: contain;
  }
  .containerpicker .content .bd[data-v-1cf48a51] {
      max-height: 495px;
      overflow: scroll;
  }
  .containerpicker .content.full-page[data-v-1cf48a51] {
      height: 100%;
  }
  .containerpicker .content.full-page .bd[data-v-1cf48a51] {
        max-height: calc(100% - 44px);
        height: calc(100% - 44px);
        overflow-y: auto;
  }
  .containerpicker .content-hide[data-v-1cf48a51] {
    -webkit-transform: translateY(150%);
        -ms-transform: translateY(150%);
            transform: translateY(150%);
  }
  
  @charset "UTF-8";
  .hidden[data-v-2a1fd304], .cover.hidden[data-v-2a1fd304], .coupons.hidden[data-v-2a1fd304] {
    display: none;
  }
  .close[data-v-2a1fd304] {
    position: absolute;
    bottom: -60px;
    color: #fff;
  }
  .mask[data-v-2a1fd304] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .mask.show[data-v-2a1fd304] {
      opacity: 1;
      visibility: visible;
  }
  .bag[data-v-2a1fd304] {
    z-index: 11;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -66%);
        -ms-transform: translate(-50%, -66%);
            transform: translate(-50%, -66%);
    -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .cover[data-v-2a1fd304] {
    position: relative;
    width: 375px;
    height: 374px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    transition: -webkit-animation;
    transition: animation;
    transition: animation, -webkit-animation;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: scaleFromMini 0.3s ease-out;
            animation: scaleFromMini 0.3s ease-out;
  }
  .cover .back-img[data-v-2a1fd304] {
      width: 300px;
      height: 380px;
      position: relative;
      left: 4px;
  }
  .cover .coin[data-v-2a1fd304] {
      position: absolute;
      bottom: 43px;
  }
  .cover .content[data-v-2a1fd304] {
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      position: absolute;
      bottom: 10px;
  }
  .cover .content .gift-received-btn[data-v-2a1fd304] {
        width: 228px;
        height: 64px;
        line-height: 64px;
        text-align: center;
        background: url("https://img.yzcdn.cn/public_files/2018/11/19/f54e67a771c11a93390d1dbe77494932.png");
        background-size: 100% 100%;
        font-size: 18px;
        color: #BC280D;
        font-weight: bold;
  }
  .small[data-v-2a1fd304] {
    position: fixed;
    z-index: 10;
    right: 10px;
    height: 63px;
    width: 53px;
    -webkit-animation: shake 3s infinite;
            animation: shake 3s infinite;
  }
  .small .close[data-v-2a1fd304] {
      position: absolute;
      right: 0px;
      top: -5px;
      height: 15px;
      width: 15px;
  }
  .small .icon[data-v-2a1fd304] {
      height: 100%;
      background-image: url("https://img.yzcdn.cn/public_files/2019/01/08/88f574af4c43064532e29375ad8f1955.png");
      background-size: 100%;
  }
  @-webkit-keyframes shake {
  0% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  2% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  4% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  6% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  8% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  10% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  12% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  14% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  16% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  18% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  20% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  22% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  24% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  26% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  28% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  30% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  32% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  34% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  36% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  38% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  40% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  60% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  80% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  100% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  }
  @keyframes shake {
  0% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  2% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  4% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  6% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  8% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  10% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  12% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  14% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  16% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  18% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  20% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  22% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  24% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  26% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  28% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  30% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  32% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  34% {
      -webkit-transform: rotateZ(2deg);
              transform: rotateZ(2deg);
  }
  36% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  38% {
      -webkit-transform: rotateZ(-2deg);
              transform: rotateZ(-2deg);
  }
  40% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  60% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  80% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  100% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg);
  }
  }
  .coupons[data-v-2a1fd304] {
    position: relative;
    width: 375px;
    height: 392.5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-animation: scaleFromMini 0.3s ease-out;
            animation: scaleFromMini 0.3s ease-out;
  }
  .coupons .back-img[data-v-2a1fd304] {
      position: relative;
      width: 300px;
      height: 392.5px;
  }
  .coupons .desc[data-v-2a1fd304] {
      position: absolute;
      top: 54px;
      width: 100%;
      text-align: center;
      left: 0;
      font-size: 18px;
      font-weight: bold;
  }
  .coupons .desc.desc-1[data-v-2a1fd304] {
        color: #F44E67;
  }
  .coupons .desc.desc-2[data-v-2a1fd304] {
        color: #986939;
  }
  .coupons .desc.desc-3[data-v-2a1fd304] {
        color: #E93752;
  }
  .coupons .coupon-scroll-list[data-v-2a1fd304] {
      height: 174px;
      width: 100%;
      position: absolute;
      left: 0;
      top: 86px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow-y: auto;
  }
  .coupons .coupon-list[data-v-2a1fd304] {
      position: absolute;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      min-height: 174px;
      width: 216px;
  }
  .coupons .coupon-list .coupon-item[data-v-2a1fd304] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background: no-repeat center/cover url("https://img.yzcdn.cn/public_files/2018/03/12/baf12876e94b5a4cd28d017c879d9dfe.png");
        border-radius: 4px;
        height: 54px;
        width: 216px;
        margin-bottom: 4px;
  }
  .coupons .coupon-list .coupon-item[data-v-2a1fd304]:last-child {
          margin-bottom: 0;
  }
  .coupons .coupon-list .coupon-item .value[data-v-2a1fd304] {
          position: relative;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          color: #F54C66;
          font-size: 22px;
          min-width: 73px;
  }
  .coupons .coupon-list .coupon-item .value .min[data-v-2a1fd304] {
            position: relative;
            top: 3px;
            font-size: 14px;
  }
  .coupons .coupon-list .coupon-item .value[data-v-2a1fd304]::before {
            content: "\FFE5";
            position: relative;
            top: 4px;
            font-size: 11px;
  }
  .coupons .coupon-list .coupon-item .couponName[data-v-2a1fd304] {
          position: relative;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          color: #F54C66;
          font-size: 22px;
          min-width: 73px;
  }
  .coupons .coupon-list .coupon-item .couponName .min[data-v-2a1fd304] {
            margin-top: 3px;
            font-size: 12px;
  }
  .coupons .coupon-list .coupon-item .info[data-v-2a1fd304] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          padding-left: 18px;
  }
  .coupons .coupon-list .coupon-item .info .name[data-v-2a1fd304] {
            color: #222;
            font-size: 14px;
  }
  .coupons .coupon-list .coupon-item .info .validity[data-v-2a1fd304] {
            color: #888;
            font-size: 10px;
            margin-top: 2px;
  }
  .coupons .explain[data-v-2a1fd304] {
      position: absolute;
      bottom: 77px;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.7);
  }
  .coupons .explain > a[data-v-2a1fd304] {
        color: #fff;
  }
  .coupons .explain .bt-icon-right[data-v-2a1fd304]::before {
        position: relative;
        top: -1px;
        color: rgba(255, 255, 255, 0.7);
        font-size: 10px;
  }
  .coupons .coupon-btn-grid[data-v-2a1fd304] {
      position: absolute;
      bottom: 25px;
      left: 0;
      text-align: center;
      width: 100%;
  }
  .coupons .coupon-btn[data-v-2a1fd304] {
      font-size: 18px;
      font-weight: blod;
      height: 42px;
      line-height: 42px;
      width: 205px;
      display: inline-block;
      border-radius: 21px;
      text-align: center;
  }
  .coupons .coupon-btn.btn-1[data-v-2a1fd304] {
        color: #BC280D;
        background: linear-gradient(180deg, #fcda42 0%, #fcdd51 50%, #fbba1f 100%);
        box-shadow: 2px 3px 11px 0r #e62c49;
  }
  .coupons .coupon-btn.btn-2[data-v-2a1fd304] {
        color: #E8CCAF;
        background: linear-gradient(180deg, #595a60 0%, #27292f 100%);
        box-shadow: 2px 3px 11px 0r rgba(121, 81, 39, 0.52);
  }
  .coupons .coupon-btn.btn-3[data-v-2a1fd304] {
        color: #AD3333;
        background: linear-gradient(180deg, #fce64b 0%, #eeb034 100%);
        box-shadow: 2px 3px 11px 0r rgba(156, 47, 64, 0.49);
  }
  @-webkit-keyframes scaleFromMini {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
  }
  }
  @keyframes scaleFromMini {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
  }
  }
  @-webkit-keyframes spin {
  0% {
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
  }
  100% {
      -webkit-transform: rotateY(360deg);
              transform: rotateY(360deg);
  }
  }
  @keyframes spin {
  0% {
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
  }
  100% {
      -webkit-transform: rotateY(360deg);
              transform: rotateY(360deg);
  }
  }
  
  .title .sub [data-v-31207eb6]:nth-child(2) {
    background: url(//b.yzcdn.cn/beauty/wap/2bec738beafe6eb8a41a611ae87b855b.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .title[data-v-31207eb6] {
    margin: 10px 0 0;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    color: #222;
    font-size: 14px;
    background: #fff;
  }
  .title[data-v-31207eb6]:before {
    border-top: 1px solid #e5e5e5;
  }
  .title .sub[data-v-31207eb6] {
    float: right;
    color: #999;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .title .sub [data-v-31207eb6]:nth-child(2) {
    background-position: 0 0;
    width: 6px;
    height: 10px;
    margin-left: 8px;
  }
  .tail[data-v-31207eb6] {
    height: 60px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .title .sub [data-v-31207eb6]:nth-child(2) {
      background-image: url(//b.yzcdn.cn/beauty/wap/9aab5edefd30b9a7f7c765de4c40976d.png);
      background-size: 6px 10px;
  }
  }
  @charset "UTF-8";
  .index-card[data-v-42e3265d] {
    margin-top: 10px;
    background: #fff;
  }
  .index-card .hd[data-v-42e3265d] {
      padding-top: 23px;
      padding-bottom: 8px;
      text-align: center;
  }
  .index-card .hd h2[data-v-42e3265d] {
        font-size: 20px;
        color: #222222;
        line-height: 20px;
        margin-bottom: 7px;
        font-weight: normal;
  }
  .index-card .hd p[data-v-42e3265d] {
        font-size: 12px;
        color: #888888;
        line-height: 14px;
        margin-bottom: 3px;
  }
  .index-card .hd .line[data-v-42e3265d] {
        display: inline-block;
        border-bottom: 1px solid #e74c75;
        width: 30px;
  }
  .index-card .more-btn[data-v-42e3265d] {
      display: block;
      font-size: 13px;
      text-align: center;
      width: 100%;
      height: 50px;
      line-height: 50px;
      color: #888888;
  }
  .index-card .more-btn[data-v-42e3265d]:before {
        border-top: 1px solid #e5e5e5;
  }
  .flex-center[data-v-42e3265d] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flex-center .card[data-v-42e3265d] {
      margin-right: 0 !important;
  }
  .flex-center[data-v-42e3265d]:after {
      content: '';
      width: 0px !important;
  }
  .ellip1[data-v-42e3265d] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ellip2[data-v-42e3265d], .card .card-content .item-title[data-v-42e3265d] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .card-view[data-v-42e3265d] {
    position: relative;
    overflow: auto;
  }
  .card-container[data-v-42e3265d] {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    padding: 16px 16px 32px 16px;
    overflow: scroll;
  }
  .card-container[data-v-42e3265d]:after {
      content: '';
      width: 16px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
  }
  .card-tag[data-v-42e3265d] {
    position: absolute;
    top: 0px;
    left: 12px;
    font-size: 12px;
    color: #fff;
    z-index: 1;
  }
  .card-tag > img[data-v-42e3265d] {
      position: relative;
      top: -1px;
      width: 40px;
  }
  .card-tag-discount[data-v-42e3265d] {
    background: #E44EFB;
  }
  .card-tag-discount[data-v-42e3265d]:before {
      content: '\540C\884C';
      display: block;
  }
  .card-tag-discount[data-v-42e3265d]:after {
      content: '\6253\6298';
  }
  .card-tag-discount .tag-decorate[data-v-42e3265d] {
      position: absolute;
      font-size: 0;
      bottom: -8px;
      left: 0;
  }
  .card-tag-discount .tag-decorate[data-v-42e3265d]:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border: solid;
        border-width: 4px 8px 4px 8px;
        border-color: #E44EFB transparent transparent #E44EFB;
  }
  .card-tag-discount .tag-decorate[data-v-42e3265d]:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border: solid;
        border-width: 4px 8px 4px 8px;
        border-color: #E44EFB #E44EFB transparent transparent;
  }
  .card-tag-note[data-v-42e3265d] {
    background: #FF5A50;
  }
  .card-tag-note[data-v-42e3265d]:before {
      content: '\540C\884C';
      display: block;
  }
  .card-tag-note[data-v-42e3265d]:after {
      content: '\514D\5355';
  }
  .card-tag-note .tag-decorate[data-v-42e3265d] {
      position: absolute;
      font-size: 0;
      bottom: -8px;
      left: 0;
  }
  .card-tag-note .tag-decorate[data-v-42e3265d]:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border: solid;
        border-width: 4px 8px 4px 8px;
        border-color: #FF5A50 transparent transparent #FF5A50;
  }
  .card-tag-note .tag-decorate[data-v-42e3265d]:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border: solid;
        border-width: 4px 8px 4px 8px;
        border-color: #FF5A50 #FF5A50 transparent transparent;
  }
  .card-tag-sale[data-v-42e3265d] {
    background: #FDB717;
  }
  .card-tag-sale[data-v-42e3265d]:before {
      content: '\540C\884C';
      display: block;
  }
  .card-tag-sale[data-v-42e3265d]:after {
      content: '\51CF\4EF7';
  }
  .card-tag-sale .tag-decorate[data-v-42e3265d] {
      position: absolute;
      font-size: 0;
      bottom: -8px;
      left: 0;
  }
  .card-tag-sale .tag-decorate[data-v-42e3265d]:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border: solid;
        border-width: 4px 8px 4px 8px;
        border-color: #FDB717 transparent transparent #FDB717;
  }
  .card-tag-sale .tag-decorate[data-v-42e3265d]:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border: solid;
        border-width: 4px 8px 4px 8px;
        border-color: #FDB717 #FDB717 transparent transparent;
  }
  .card-tag-disable[data-v-42e3265d] {
    display: none;
  }
  .card[data-v-42e3265d] {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative;
    width: 320px;
    border-radius: 3px;
    background: #fff;
    margin-right: 8px;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
    z-index: 1;
  }
  .card .card-content[data-v-42e3265d] {
      position: relative;
  }
  .card .card-content > figcaption[data-v-42e3265d] {
        padding: 0 12px 12px 12px;
  }
  .card .card-content .card-img[data-v-42e3265d] {
        width: 100%;
        height: 160px;
        overflow: hidden;
        background: #cdcdcd;
  }
  .card .card-content .card-img > img[data-v-42e3265d] {
          width: 100%;
  }
  .card .card-content .item-title[data-v-42e3265d] {
        margin: 12px 0 4px 0;
        font-size: 18px;
  }
  .card .card-content .item-detail .detail-price[data-v-42e3265d] {
        display: inline-block;
        font-size: 18px;
        margin-right: 8px;
        vertical-align: middle;
  }
  .card .card-content .item-detail .detail-price .l[data-v-42e3265d], .card .card-content .item-detail .detail-price .r[data-v-42e3265d] {
          font-size: 12px;
  }
  .card .card-content .item-detail .detail-price .l[data-v-42e3265d] {
          margin-right: 4px;
  }
  .card .card-content .item-detail .detail-tag[data-v-42e3265d] {
        display: inline-block;
        position: relative;
        padding: 2px 4px 2px 4px;
        background: #F8A63C;
        color: #fff;
        border-radius: 1px;
  }
  .card .card-content .item-detail .detail-tag > span[data-v-42e3265d] {
          font-size: 12px;
  }
  .card .card-content .item-detail .detail-tag > span[data-v-42e3265d]:before {
            content: '\7ACB\7701';
            font-size: 12px;
  }
  .card .card-content .item-detail .detail-tag[data-v-42e3265d]:before {
          content: '';
          position: absolute;
          top: 0px;
          left: -6px;
          display: inline-block;
          width: 0;
          height: 0;
          border: solid 3px;
          border-color: #F8A63C #F8A63C transparent transparent;
  }
  .card .card-content .item-detail .detail-sell[data-v-42e3265d] {
        display: inline-block;
        float: right;
        font-size: 10px;
        color: #ccc;
  }
  .card .card-content .item-detail .detail-sell > .svg[data-v-42e3265d] {
          display: inline;
          width: 12px;
          height: 12px;
  }
  .card .card-content .item-detail .detail-price-old[data-v-42e3265d] {
        margin-top: 4px;
        font-size: 12px;
        color: #ccc;
  }
  .card .card-content .item-detail .detail-price-old > span[data-v-42e3265d] {
          text-decoration: line-through;
  }
  .card .btn-container[data-v-42e3265d] {
      position: absolute;
      right: 16px;
      bottom: 16px;
  }
  .card .btn-container .card-btn[data-v-42e3265d] {
        position: relative;
        padding: 8px 16px 8px 16px;
        text-align: center;
        border-radius: 50px;
        color: #fff;
        border: none;
        background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
  }
  @media screen and (max-width: 330px) {
  .card[data-v-42e3265d] {
      width: 280px;
  }
  .card .card-content .card-img[data-v-42e3265d] {
        height: 133px;
  }
  }
  .rmb[data-v-42e3265d] {
    margin: 0 2px 0 2px;
  }
  /* sprite-loader-enable */
  .groupon-label[data-v-89e34bb8] {
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
  }
  .groupon-label[data-v-89e34bb8]:active {
    background: #dedede;
  }
  .groupon-label .left[data-v-89e34bb8] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .groupon-label .left .count-down[data-v-89e34bb8] {
    margin-bottom: 15px;
  }
  .groupon-label .left .count-down p[data-v-89e34bb8] {
    font-size: 12px;
    color: #666666;
    vertical-align: middle;
  }
  .groupon-label .left .count-down p.time[data-v-89e34bb8] {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    background: #fff;
    font-size: 14px;
    border: 0.5px solid #E5E5E5;
    color: #222;
    margin-top: 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
  }
  .groupon-label .left .count-down p.time .day[data-v-89e34bb8] {
    display: inline-block;
    color: #222;
    font-size: 14px;
    border-right: 0.5px solid #E5E5E5;
    line-height: normal;
    margin-top: -4px;
    padding: 0 5px;
  }
  .groupon-label .left .count-down p.time .day[data-v-89e34bb8]:last-child {
    border: none;
  }
  .groupon-label .left .count-down p.time .unit[data-v-89e34bb8] {
    font-size: 9px;
  }
  .groupon-label .right[data-v-89e34bb8] {
    margin-left: 16px;
  }
  .groupon-label .right .card-icon[data-v-89e34bb8] {
    width: 128px;
    height: 100px;
    margin-top: 14px;
  }
  .groupon-label .time-text[data-v-89e34bb8] {
    font-size: 12px;
    color: #666666;
  }
  .groupon-label .time-box[data-v-89e34bb8] {
    display: inline-block;
    padding: 8px;
    border: 1px solid #CACACA;
    margin: 7px 0;
  }
  .groupon-label h3[data-v-89e34bb8] {
    font-weight: 200;
    color: #222222;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 8px;
  }
  .groupon-label .groupon-text-label[data-v-89e34bb8] {
    display: inline-block;
    position: relative;
    color: #fff;
    text-align: center;
  }
  .groupon-label .price-text[data-v-89e34bb8],
  .groupon-label .subprice-text[data-v-89e34bb8] {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
  }
  .groupon-label .price-text[data-v-89e34bb8] {
    color: #E74C75;
    font-size: 14px;
  }
  .groupon-label .subprice-text[data-v-89e34bb8] {
    color: #ccc;
    text-decoration: line-through;
  }
  .view-list[data-v-89e34bb8] {
    border-top: 0.5px solid #eee;
    font-size: 13px;
    color: #888;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #fff;
    cursor: pointer;
  }
  .loader[data-v-9988d7d0] {
    min-height: 72px;
    background: url(//b.yzcdn.cn/beauty/wap/931bdb6b50816b03206c66921760b246.gif) center no-repeat;
    background-size: 16px 16px;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .groupon-label-wrap[data-v-29bf6d6e] {
    display: inline-block;
  }
  .groupon-label-wrap .box[data-v-29bf6d6e] {
      display: inline-block;
  }
  .groupon-label-wrap p[data-v-29bf6d6e] {
      display: inline-block;
      line-height: 24px;
      height: 24px;
      padding: 0 5px;
      vertical-align: middle;
  }
  .groupon-label-wrap p.groupon[data-v-29bf6d6e] {
        float: left;
        box-sizing: border-box;
        font-size: 12px;
        border-right: none;
  }
  .groupon-label-wrap p.price[data-v-29bf6d6e] {
        font-size: 18px;
        color: #fff;
  }
  .groupon-label-wrap p.origin-price[data-v-29bf6d6e] {
        color: #ccc;
        text-decoration: line-through;
  }
  .groupon-label-wrap.isHome p[data-v-29bf6d6e] {
      line-height: 19px;
      height: 19px;
  }
  .groupon-label-wrap.isHome p.groupon[data-v-29bf6d6e] {
        font-size: 10px;
  }
  .groupon-label-wrap.isHome p.price[data-v-29bf6d6e] {
        font-size: 14px;
  }
  
  .countdown-wrap[data-v-c21c931a] {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    background: #fff;
    font-size: 14px;
    border: 0.5px solid #E5E5E5;
    color: #222;
    box-sizing: border-box;
  }
  .countdown-wrap .day[data-v-c21c931a] {
      display: inline-block;
      color: #222;
      font-size: 14px;
      border-right: 0.5px solid #E5E5E5;
      line-height: normal;
      margin-top: -4px;
      padding: 0 5px;
  }
  .countdown-wrap .day[data-v-c21c931a]:last-child {
        border: none;
  }
  .countdown-wrap .unit[data-v-c21c931a] {
      font-size: 9px;
  }
  @media screen and (max-width: 320px) {
  .countdown-wrap .day[data-v-c21c931a] {
      font-size: 9px;
  }
  .countdown-wrap .unit[data-v-c21c931a] {
      font-size: 8px;
  }
  }
  
  .card-face-container[data-v-3deec12d] {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
  }
  .card-face-container.text-shadow[data-v-3deec12d] {
      text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
  }
  .card-face-container.invalid[data-v-3deec12d]::after {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.4);
  }
  .card-face-container .text-warp[data-v-3deec12d] {
      height: 100%;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      color: #FFF;
  }
  .card-face-container .text-warp.size-20[data-v-3deec12d] {
        font-size: 20px;
  }
  .card-face-container .text-warp.size-20 .en[data-v-3deec12d] {
          font-size: 8px;
          padding-top: 6px;
  }
  .card-face-container .text-warp.size-30[data-v-3deec12d] {
        font-size: 30px;
  }
  .card-face-container .text-warp.size-30 .en[data-v-3deec12d] {
          font-size: 12px;
          padding-top: 8px;
  }
  
  .follow .mask[data-v-704f9b94] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10000;
  }
  .follow .content[data-v-704f9b94] {
    position: fixed;
    color: #ffffff;
    padding: 68px 30px 0 30px;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    z-index: 10001;
  }
  .follow .content .ico-close[data-v-704f9b94] {
      width: 30px;
      height: 30px;
      position: absolute;
      left: 10px;
      top: 10px;
      background: url() center no-repeat;
      background-size: 20px 20px;
  }
  .follow .content .logo[data-v-704f9b94] {
      width: 200px;
      height: 200px;
  }
  .follow .content .tips[data-v-704f9b94] {
      color: #f9f9f9;
      margin-top: 19px;
  }
  .follow .content hr[data-v-704f9b94] {
      width: 100%;
      border: 0;
      height: 1px;
      background: #979797;
      margin-top: 20px;
      margin-bottom: 17px;
  }
  .follow .content .not-Identify[data-v-704f9b94] {
      font-size: 20px;
      margin-bottom: 15px;
  }
  .follow .content .step p[data-v-704f9b94] {
      line-height: 30px;
  }
  
  .top .bottom .loc .icon[data-v-38d9c4a8] {
    background: url(//b.yzcdn.cn/beauty/wap/c45f7d35d44978cfc5ef981ef3c370bc.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .top[data-v-38d9c4a8] {
    background: #fff;
    margin-bottom: 10px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    position: relative;
    min-height: 217px;
  }
  .top .circle[data-v-38d9c4a8] {
    width: 100%;
    height: 168px;
    overflow: hidden;
    position: relative;
  }
  .top .circle .bg[data-v-38d9c4a8] {
    position: absolute;
    bottom: 0;
    width: 1000px;
    height: 1000px;
    left: 50%;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    overflow: hidden;
  }
  .top .circle .bg img[data-v-38d9c4a8] {
    width: 100vw;
    height: 168px;
    /* display: block; */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .top .bottom[data-v-38d9c4a8] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
  }
  .top .bottom .avatar[data-v-38d9c4a8] {
    width: 58px;
    height: 58px;
    border: 1px solid #ffffff;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  }
  .top .bottom .deptName[data-v-38d9c4a8] {
    color: #000;
    font-size: 20px;
    margin-top: 20px;
    font-weight: normal;
  }
  .top .bottom .loc[data-v-38d9c4a8] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 13px;
    max-width: 100%;
  }
  .top .bottom .loc .icon[data-v-38d9c4a8] {
    background-position: 0 0;
    height: 17px;
    width: 17px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .top .bottom .loc .addr[data-v-38d9c4a8] {
    line-height: 20px;
    text-align: right;
    color: #888888;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
    margin-right: 15px;
    position: relative;
  }
  .top .bottom .loc .addr[data-v-38d9c4a8]:before {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    height: 14px;
    content: '';
    border-right: 1px solid #c7c7c7;
  }
  .decorate.top-cover[data-v-38d9c4a8] {
    height: 282px;
  }
  .decorate .bottom-cover[data-v-38d9c4a8] {
    bottom: 10px;
  }
  .decorate .avatar-circle[data-v-38d9c4a8] {
    border-radius: 50%;
  }
  .decorate .bg-radius[data-v-38d9c4a8] {
    border-radius: 100%;
  }
  .decorate .bg-none[data-v-38d9c4a8] {
    display: none;
  }
  .decorate .bottom-left[data-v-38d9c4a8] {
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .decorate .bottom-mid[data-v-38d9c4a8] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .decorate .bottom-right[data-v-38d9c4a8] {
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .top .bottom .loc .icon[data-v-38d9c4a8] {
      background-image: url(//b.yzcdn.cn/beauty/wap/984f8cd8a95209b9743746fad473aee3.png);
      background-size: 17px 17px;
  }
  }
  .index-card[data-v-08f6cf69] {
    margin-top: 10px;
    background: #fff;
  }
  .index-card .hd[data-v-08f6cf69] {
      padding-top: 23px;
      padding-bottom: 8px;
      text-align: center;
  }
  .index-card .hd h2[data-v-08f6cf69] {
        font-size: 20px;
        color: #222222;
        line-height: 20px;
        margin-bottom: 6px;
        font-weight: normal;
  }
  .index-card .hd p[data-v-08f6cf69] {
        font-size: 12px;
        color: #888888;
        line-height: 14px;
        margin-bottom: 4px;
  }
  .index-card .hd .line[data-v-08f6cf69] {
        display: inline-block;
        height: 1px;
        width: 30px;
  }
  .index-card .more-btn[data-v-08f6cf69] {
      display: block;
      font-size: 13px;
      text-align: center;
      width: 100%;
      height: 50px;
      line-height: 50px;
      color: #888888;
  }
  .index-card .more-btn[data-v-08f6cf69]:before {
        border-top: 1px solid #e5e5e5;
  }
  /* sprite-loader-enable */
  .good-list .good-card[data-v-439b8428] {
    background: #fff;
    display: block;
    margin: 0 14px 12px 14px;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
  }
  .good-list .good-card .pic[data-v-439b8428] {
    position: relative;
    width: 100%;
    min-height: 210px;
    max-height: calc(100vw - 28px);
    background: #ccc;
    overflow: hidden;
    line-height: 0;
  }
  .good-list .good-card .pic[data-v-439b8428]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    z-index: 1;
  }
  .good-list .good-card .pic img[data-v-439b8428] {
    width: 100%;
    min-height: 210px;
  }
  .good-list .good-card .text[data-v-439b8428] {
    font-family: PingFangSC-Regular;
    margin: 14px 15px 0 15px;
  }
  .good-list .good-card .text h2[data-v-439b8428] {
    font-weight: 400;
    font-size: 17px;
    color: #222222;
    line-height: 18px;
    margin-bottom: 4px;
  }
  .good-list .good-card .text p[data-v-439b8428] {
    font-size: 13px;
    color: #888888;
    line-height: 13px;
    margin-bottom: 6px;
  }
  .good-list .good-card .text .time[data-v-439b8428] {
    font-family: PingFangSC-Regular;
    position: relative;
    line-height: 20px;
    color: #888;
    padding: 0 7px;
    padding-left: 20px;
  }
  .good-list .good-card .text .time-icon[data-v-439b8428] {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -7px;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background-image: url(//b.yzcdn.cn/beauty/wap/67fb8e69b0441516ae58e0a416b049fb.png);
    background-size: 100% 100%;
  }
  .good-list .good-card .text .price[data-v-439b8428] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: PingFangSC-Regular;
  }
  .good-list .good-card .text .price .p[data-v-439b8428] {
    font-size: 15px;
  }
  .good-list .good-card .text .price .exp[data-v-439b8428] {
    margin-left: 6px;
    padding-left: 3px;
    padding-right: 2px;
    height: 13px;
    font-size: 9px;
    line-height: 14px;
    text-align: center;
  }
  .good-list .good-card .text .price .y-pric[data-v-439b8428] {
    margin-left: 8px;
    color: #ccc;
    font-size: 14px;
    text-decoration: line-through;
  }
  .good-list .good-card .text .price .flex[data-v-439b8428] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .good-list .good-card .text .price .btn[data-v-439b8428] {
    height: 28px;
    font-size: 12px;
    padding: 0 24px;
    line-height: 28px;
  }
  .good-list .good-card .text .price .btn[data-v-439b8428]:before {
    border-radius: 40px;
  }
  .empty[data-v-439b8428] {
    height: 85px;
    line-height: 85px;
    font-size: 14px;
    color: #666;
    text-align: center;
  }
  .empty .all[data-v-439b8428] {
    display: inline-block;
    margin-top: 44px;
    width: 170px;
    line-height: 40px;
    height: 40px;
    background: #ffffff;
  }
  .empty .all[data-v-439b8428]:before {
    border-radius: 2px;
  }
  .index-card[data-v-af715e14] {
    margin-top: 10px;
    background: #fff;
  }
  .index-card .hd[data-v-af715e14] {
      padding-top: 23px;
      padding-bottom: 8px;
      text-align: center;
  }
  .index-card .hd h2[data-v-af715e14] {
        font-size: 20px;
        color: #222222;
        line-height: 20px;
        margin-bottom: 6px;
        font-weight: normal;
  }
  .index-card .hd p[data-v-af715e14] {
        font-size: 12px;
        color: #888888;
        line-height: 14px;
        margin-bottom: 4px;
  }
  .index-card .hd .line[data-v-af715e14] {
        display: inline-block;
        height: 1px;
        width: 30px;
  }
  .index-card .more-btn[data-v-af715e14] {
      display: block;
      font-size: 13px;
      text-align: center;
      width: 100%;
      height: 50px;
      line-height: 50px;
      color: #888888;
  }
  .index-card .more-btn[data-v-af715e14]:before {
        border-top: 1px solid #e5e5e5;
  }
  /* sprite-loader-enable */
  div[data-v-70055756] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    text-align: left;
  }
  .cards .li[data-v-70055756] {
    display: block;
    background: #ffffff;
    margin: 0 14px 12px 14px;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
  }
  .cards .li .pic[data-v-70055756] {
    position: relative;
    height: 160px;
    background: #fff;
    margin: 12px 12px 0 12px;
  }
  .cards .li .text[data-v-70055756] {
    margin-top: 14px;
    margin-left: 15px;
  }
  .cards .li .text h2[data-v-70055756] {
    font-weight: 400;
    font-size: 17px;
    color: #222222;
    line-height: 18px;
    margin-bottom: 6px;
  }
  .cards .li .text p[data-v-70055756] {
    font-size: 13px;
    color: #888888;
    line-height: 13px;
    margin-bottom: 6px;
  }
  .cards .li .text .price[data-v-70055756] {
    font-size: 15px;
  }
  .cards .li .text .sub-price[data-v-70055756] {
    margin-left: 8px;
    color: #ccc;
    text-decoration: line-through;
    font-size: 14px;
  }
  .empty[data-v-70055756] {
    height: 85px;
    line-height: 85px;
    font-size: 14px;
    color: #666;
    text-align: center;
  }
  .empty .all[data-v-70055756] {
    display: inline-block;
    margin-top: 44px;
    width: 170px;
    line-height: 40px;
    height: 40px;
    background: #ffffff;
  }
  .empty .all[data-v-70055756]:before {
    border-radius: 2px;
  }
  .card-slide[data-v-70055756] {
    background: #fff;
    padding: 16px 0;
    width: 100%;
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .card-slide .card-list[data-v-70055756] {
    width: 1000px;
  }
  .card-slide .li[data-v-70055756] {
    float: left;
    background: #ffffff;
    box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.09);
    border-radius: 6px;
    width: 190px;
    margin-left: 16px;
    overflow: hidden;
  }
  .card-slide .li .pic[data-v-70055756] {
    position: relative;
    width: 100%;
    height: 120px;
    background: #fff;
    border-radius: 6px;
  }
  .card-slide .li .pic .pic-con[data-v-70055756] {
    width: 170px;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 4px;
    overflow: hidden;
  }
  .card-slide .li .text[data-v-70055756] {
    padding: 12px;
    padding-top: 0;
  }
  .card-slide .li .text h2[data-v-70055756] {
    font-size: 17px;
    color: #222222;
    line-height: 18px;
    margin-bottom: 6px;
    font-weight: 400;
  }
  .card-slide .li .text p[data-v-70055756] {
    font-size: 13px;
    color: #888888;
    line-height: 13px;
    margin-bottom: 6px;
  }
  .card-slide .li .text .price[data-v-70055756] {
    font-size: 15px;
  }
  .card-slide .li .text .sub-price[data-v-70055756] {
    margin-left: 8px;
    color: #ccc;
    text-decoration: line-through;
    font-size: 14px;
  }
  .clearfix[data-v-70055756]:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
  }
  .clearfix[data-v-70055756] {
    zoom: 1;
  }
  .index-card[data-v-256208be] {
    margin-top: 10px;
    background: #fff;
  }
  .index-card .hd[data-v-256208be] {
      padding-top: 23px;
      padding-bottom: 8px;
      text-align: center;
  }
  .index-card .hd h2[data-v-256208be] {
        font-size: 20px;
        color: #222222;
        line-height: 20px;
        margin-bottom: 6px;
        font-weight: normal;
  }
  .index-card .hd p[data-v-256208be] {
        font-size: 12px;
        color: #888888;
        line-height: 14px;
        margin-bottom: 4px;
  }
  .index-card .hd .line[data-v-256208be] {
        display: inline-block;
        height: 1px;
        width: 30px;
  }
  .index-card .more-btn[data-v-256208be] {
      display: block;
      font-size: 13px;
      text-align: center;
      width: 100%;
      height: 50px;
      line-height: 50px;
      color: #888888;
  }
  .index-card .more-btn[data-v-256208be]:before {
        border-top: 1px solid #e5e5e5;
  }
  
  .products .li:nth-child(odd) .product-card[data-v-3584b2ec] {
    margin-right: 3px;
    margin-left: 6px;
  }
  .products .li:nth-child(even) .product-card[data-v-3584b2ec] {
    margin-left: 3px;
    margin-right: 6px;
  }
  .products .li[data-v-3584b2ec] {
    width: calc(12 * 100% / 24);
    float: left;
    box-sizing: border-box;
  }
  .product-card[data-v-3584b2ec] {
    position: relative;
    background: #fff;
    padding: 17px 9px 20px 9px;
    box-sizing: border-box;
    margin-bottom: 6px;
  }
  .product-card img[data-v-3584b2ec] {
      width: 100%;
      height: 165px;
  }
  .product-card .text-con[data-v-3584b2ec] {
      padding-left: 4px;
      box-sizing: border-box;
  }
  .product-card .text-con h3[data-v-3584b2ec] {
        font-size: 15px;
        color: #222222;
        line-height: 25px;
        font-weight: normal;
  }
  .product-card .text-con .price-text[data-v-3584b2ec] {
        font-size: 14px;
        line-height: 20px;
  }
  .product-card .empty-num[data-v-3584b2ec] {
      position: absolute;
      right: 10px;
      bottom: 20px;
      display: inline-block;
      padding: 0 12px;
      line-height: 20px;
      height: 20px;
      color: #888;
      font-size: 14px;
  }
  .product-card .buy-btn[data-v-3584b2ec] {
      position: absolute;
      right: 10px;
      bottom: 20px;
      display: inline-block;
      padding: 0 12px;
      line-height: 20px;
      height: 20px;
  }
  .product-card .buy-btn[data-v-3584b2ec]:before {
        border-radius: 24px;
  }
  .ui-nowrap[data-v-3584b2ec] {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .empty[data-v-3584b2ec] {
    height: 85px;
    line-height: 85px;
    font-size: 14px;
    text-align: center;
    color: #666;
  }
  .empty .all[data-v-3584b2ec] {
      display: inline-block;
      margin-top: 44px;
      width: 170px;
      line-height: 40px;
      height: 40px;
      background: #ffffff;
  }
  .empty .all[data-v-3584b2ec]:before {
        border-radius: 2px;
  }
  
  .service .phone-icon[data-v-5bc060ca] {
    background: url(//b.yzcdn.cn/beauty/wap/539303f38f03cfc804e8c59f9d00e929.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .service[data-v-5bc060ca] {
    margin-top: 10px;
    background: #fff;
  }
  .service[data-v-5bc060ca]:before {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .service.pt-5[data-v-5bc060ca] {
    margin-top: 5px;
  }
  .service .tit[data-v-5bc060ca] {
    line-height: 65px;
    font-size: 20px;
    text-align: center;
    font-weight: normal;
  }
  .service .info[data-v-5bc060ca] {
    line-height: 44px;
    padding: 0 15px;
    color: #666;
    font-size: 14px;
  }
  .service .info[data-v-5bc060ca]:before {
    border-top: 1px solid #e5e5e5;
  }
  .service .info.box[data-v-5bc060ca] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .service .info .flex[data-v-5bc060ca] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .service .desc[data-v-5bc060ca] {
    font-size: 14px;
    color: #666;
    margin-left: 15px;
    padding: 10px 15px 10px 0;
    line-height: 1.5em;
  }
  .service .desc[data-v-5bc060ca]:before {
    border-top: 1px solid #e5e5e5;
  }
  .service .address span[data-v-5bc060ca] {
    width: calc(100% - 62px);
  }
  .service .address .address-icon[data-v-5bc060ca] {
    display: inline-block;
    width: 22px;
    height: 22px;
    padding-left: 22px;
    padding-right: 3px;
    padding-top: 6px;
    position: relative;
  }
  .service .address .address-icon[data-v-5bc060ca]:before {
    position: absolute;
    content: '';
    height: 44px;
    border-left: 1px solid #e5e5e5;
    top: 11px;
  }
  .service .address .address-icon i[data-v-5bc060ca] {
    background: url(//b.yzcdn.cn/beauty/wap/a57947a69884a1555442ca84ed9b9a2c.png);
    background-size: 100%;
    width: 22px;
    height: 22px;
    display: inline-block;
    opacity: .7;
  }
  .service .phone-icon[data-v-5bc060ca] {
    position: relative;
    margin-right: 5px;
    margin-left: 20px;
    height: 22px;
    width: 22px;
    background-position: 0 0;
    opacity: .7;
  }
  .service .phone-icon[data-v-5bc060ca]:before {
    position: absolute;
    content: '';
    height: 44px;
    border-left: 1px solid #e5e5e5;
    top: 0;
    left: -20px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .service .phone-icon[data-v-5bc060ca] {
      background-image: url(//b.yzcdn.cn/beauty/wap/5531e02f9b2384a3eae277023a1b8088.png);
      background-size: 26px 26px;
  }
  }
  .empty[data-v-4b33fa3e] {
      padding: 30px;
      text-align: center;
      color: #999;
      font-size: 14px;
      box-sizing: border-box;
  }
  
  .test[data-v-ed5410aa] {
    background: #ccc;
    height: 60px;
  }
  
  .container[data-v-7cf51e96] {
    padding: 0;
    text-align: center;
  }
  .container .warp[data-v-7cf51e96] {
      background: #FFF;
      padding: 16px 10px;
  }
  .container.align-0[data-v-7cf51e96] {
      text-align: left;
  }
  .container.align-1[data-v-7cf51e96] {
      text-align: center;
  }
  .container.align-2[data-v-7cf51e96] {
      text-align: right;
  }
  .container .tit[data-v-7cf51e96] {
      font-size: 18px;
      color: #222;
  }
  .container .sub-tit[data-v-7cf51e96] {
      padding-top: 12px;
      font-size: 14px;
      color: #555;
  }
  
  .container[data-v-352d9f2c] {
    padding: 0;
    font-size: 17px;
  }
  .container .warp[data-v-352d9f2c] {
      padding: 15px 10px;
  }
  .container.font-style-0[data-v-352d9f2c] {
      font-size: 16px;
  }
  .container.font-style-1[data-v-352d9f2c] {
      font-size: 15px;
  }
  .container.font-style-2[data-v-352d9f2c] {
      font-size: 14px;
  }
  .container .content[data-v-352d9f2c] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .container .content .text-warp[data-v-352d9f2c] {
        word-break: break-all;
        text-align: center;
        width: 100%;
  }
  .container .content .text-warp.has-link[data-v-352d9f2c] {
          background: url() no-repeat center right;
          background-size: 24px;
          padding-right: 24px;
  }
  .container .content .text-warp span[data-v-352d9f2c] {
          display: inline-block;
  }
  .container .content.align-0 .text-warp[data-v-352d9f2c] {
        text-align: left;
  }
  .container .content.align-1 .text-warp[data-v-352d9f2c] {
        text-align: center;
  }
  .container .content.align-2 .text-warp[data-v-352d9f2c] {
        text-align: right;
  }
  
  .container[data-v-8b13ed28] {
    padding: 10px 0;
  }
  .container.mr-style-0[data-v-8b13ed28] {
      padding: 10px 0;
  }
  .container.mr-style-1[data-v-8b13ed28] {
      padding: 10px 10px;
  }
  .container .line[data-v-8b13ed28] {
      -webkit-transform: scaleY(0.5);
          -ms-transform: scaleY(0.5);
              transform: scaleY(0.5);
      border-top-color: #DDD;
      border-top-width: 1px;
      border-top-style: solid;
  }
  .container .line.border-style-0[data-v-8b13ed28] {
        border-top-style: solid;
  }
  .container .line.border-style-1[data-v-8b13ed28] {
        border-top-style: dashed;
  }
  .container .line.border-style-2[data-v-8b13ed28] {
        border-top-style: dotted;
  }
  
  .decorate-goods-list-container {
    padding: 0;
  }
  .decorate-goods-list-container .empty {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      height: auto;
      background: #DBF5FF url(//b.yzcdn.cn/beauty/wap/6dce7c47575799346392129614fce2e6.png) no-repeat center;
      background-size: 63px 47px;
      padding-bottom: 100%;
      height: 0px;
  }
  .decorate-goods-list-container .list.big-img-style {
      padding: 0 15px;
  }
  .decorate-goods-list-container .list.big-img-style .empty {
        height: 100%;
        padding-bottom: 0;
  }
  .decorate-goods-list-container .list.big-img-style .item {
        margin-bottom: 10px;
        position: relative;
  }
  .decorate-goods-list-container .list.big-img-style .item:last-child {
          margin-bottom: 0;
  }
  .decorate-goods-list-container .list.big-img-style .item .img-warp {
          position: relative;
          overflow: hidden;
  }
  .decorate-goods-list-container .list.big-img-style .item .img-warp img {
            width: 100%;
            height: 100%;
  }
  .decorate-goods-list-container .list.big-img-style .item .img-warp .fit {
            object-fit: cover;
  }
  .decorate-goods-list-container .list.big-img-style .item .bt {
          height: 28px;
          width: 70px;
          line-height: 28px;
  }
  .decorate-goods-list-container .list.big-img-style .item .bt:before {
            border-radius: 50px;
            box-sizing: border-box;
  }
  .decorate-goods-list-container .list.big-img-style .item .bt.in-top {
            position: absolute;
            right: 12px;
            bottom: 10px;
  }
  .decorate-goods-list-container .list.big-img-style .item .info {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding: 12px 10px;
          line-height: 28px;
          background: #FFF;
  }
  .decorate-goods-list-container .list.big-img-style .item .info .block {
            width: 100%;
  }
  .decorate-goods-list-container .list.big-img-style .item .info .l {
            width: calc(100% - 78px);
  }
  .decorate-goods-list-container .list.big-img-style .item .info .r {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: flex-end;
                -ms-flex-align: end;
                    align-items: flex-end;
  }
  .decorate-goods-list-container .list.big-img-style .item .info .tit {
            font-size: 16px;
  }
  .decorate-goods-list-container .list.big-img-style .item .info .price {
            font-size: 18px;
            padding-top: 4px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
  }
  .decorate-goods-list-container .list.big-img-style .item .info .price .grey {
              padding-left: 10px;
              font-size: 14px;
              color: #CCC;
              text-decoration: line-through;
  }
  .decorate-goods-list-container .list.big-img-style .item .info .price .bt-desc {
              display: inline-block;
              margin-left: 10px;
              text-align: center;
              height: 14px;
              width: 42px;
              line-height: 14px;
              font-size: 10px;
  }
  .decorate-goods-list-container .list.big-img-style .item .info .price .bt-desc:before {
                box-sizing: border-box;
  }
  .decorate-goods-list-container .list.big-img-style .item .info .time {
            color: #888;
            font-size: 14px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            padding-top: 4px;
  }
  .decorate-goods-list-container .list.big-img-style .item .info .time i {
              background: url(//b.yzcdn.cn/beauty/wap/67fb8e69b0441516ae58e0a416b049fb.png) no-repeat center;
              background-size: 14px;
              width: 14px;
              height: 14px;
              display: inline-block;
              margin-right: 5px;
  }
  .decorate-goods-list-container .list.big-img-style.radius-style .item {
        border-radius: 6px;
        overflow: hidden;
  }
  .decorate-goods-list-container .list.big-img-style.simple-style .item .info {
        background: transparent;
        text-align: center;
        display: block;
  }
  .decorate-goods-list-container .list.big-img-style.simple-style .item .info .price {
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
  }
  .decorate-goods-list-container .list.small-img-style {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      padding: 0 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .decorate-goods-list-container .list.small-img-style .item {
        width: 50%;
        float: left;
        box-sizing: border-box;
        margin-bottom: 10px;
  }
  .decorate-goods-list-container .list.small-img-style .item:last-child, .decorate-goods-list-container .list.small-img-style .item:nth-last-child(2) {
          margin-bottom: 0;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp {
          box-sizing: border-box;
          position: relative;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .img-warp {
            padding-bottom: 100%;
            position: relative;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .img-warp .img {
              width: 100%;
              position: absolute;
              left: 0;
              top: 0;
              right: 0;
              bottom: 0;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .img-warp .img img {
                width: 100%;
                height: 100%;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .img-warp .img .fit {
                object-fit: cover;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .bt {
            height: 22px;
            line-height: 22px;
            font-size: 13px;
            width: 48px;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .bt:before {
              border-radius: 50px;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .bt.in-top {
              position: absolute;
              right: 10px;
              bottom: 10px;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .info {
            background: #FFF;
            padding: 12px 10px;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .info h3 {
              font-size: 14px;
              color: #333;
              font-weight: normal;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .info .price-text {
              font-size: 17px;
              padding-top: 8px;
              line-height: 22px;
              min-height: 22px;
              position: relative;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .info .price-text .bt {
                position: absolute;
                right: -4px;
                bottom: 0;
                display: inline-block;
                text-align: center;
  }
  .decorate-goods-list-container .list.small-img-style .item .item-warp .info .price-text .bt:before {
                  border-radius: 50px;
                  box-sizing: border-box;
  }
  .decorate-goods-list-container .list.small-img-style .item:nth-child(odd) .item-warp {
          margin-right: 5px;
  }
  .decorate-goods-list-container .list.small-img-style .item:nth-child(even) .item-warp {
          margin-left: 5px;
  }
  .decorate-goods-list-container .list.small-img-style.simple-style .item .info {
        background: transparent;
        text-align: center;
  }
  .decorate-goods-list-container .list.card-list-style .item .info {
      text-align: center;
      background: transparent;
  }
  .decorate-goods-list-container .list.card-list-style.simple-style .item .item-warp .empty, .decorate-goods-list-container .list.card-list-style.slide-style .item .item-warp .empty {
      height: 118px;
      padding-bottom: 0;
  }
  .decorate-goods-list-container .list.card-list-style.simple-style .item .item-warp .img-warp, .decorate-goods-list-container .list.card-list-style.slide-style .item .item-warp .img-warp {
      height: 118px;
      padding-bottom: 0;
  }
  .decorate-goods-list-container .list.card-list-style.simple-style .item .info {
      background: transparent;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style {
      display: block;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .img-warp, .decorate-goods-list-container .list.card-list-style.slide-style .img-warp img {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .item .item-warp {
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.12);
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .info {
        background: transparent;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .slide-warp {
        overflow-x: auto;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .slide-warp.no-slide {
          overflow-x: hidden;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .item {
        box-sizing: border-box;
        width: auto;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-right: 10px;
        margin-bottom: 0;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .item .item-warp {
          margin-left: 0 !important;
          margin-right: 0 !important;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .item .item-warp:first-child {
            margin-left: 0 !important;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .item .item-warp:last-child {
            margin-right: 0 !important;
  }
  .decorate-goods-list-container .list.card-list-style.slide-style .item:last-child {
          margin-right: 0 !important;
  }
  
  .pirate-square {
    position: relative;
  }
  .pirate-square--inner {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
  }
  
  
  
  .list[data-v-53fb6490] {
    padding: 0;
  }
  .list .item[data-v-53fb6490] {
      width: 100%;
      display: block;
  }
  .list .item img[data-v-53fb6490] {
        width: 100%;
        height: auto;
        display: block;
  }
  
  .pirate-carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .pirate-carousel .wrap {
      display: flex;
  }
  .pirate-carousel .wrap.trans {
        transition: transform .4s;
  }
  .pirate-carousel .count-ul {
      position: absolute;
      text-align: center;
      width: 100%;
      bottom: 10px;
  }
  .pirate-carousel .count-ul li {
        vertical-align: middle;
        display: inline-block;
        width: 7px;
        height: 2px;
        border: 1px solid rgba(255, 255, 255, 0.3);
        background: rgba(0, 0, 0, 0.3);
        margin-left: 5px;
        border-radius: 2px;
  }
  .pirate-carousel .count-ul li.current {
          background: #fff;
          border: 1px solid rgba(0, 0, 0, 0.3);
  }
  .pirate-carousel-item {
    flex-shrink: 0;
    width: 100%;
  }
  
  .container[data-v-8b34f15c] {
    width: 100%;
  }
  .container .pic[data-v-8b34f15c] {
      width: 100%;
      height: 100%;
      background-position: center;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      background-repeat: no-repeat;
      background-size: 100% 100%;
  }
  .container.fill-mode-0 .pic[data-v-8b34f15c] {
      background-size: 100% 100%;
  }
  .container.fill-mode-1 .pic[data-v-8b34f15c] {
      background-color: #999;
      background-size: contain;
  }
  .container .square[data-v-8b34f15c] {
      width: 100%;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
  }
  
  .empty[data-v-08267e9e] {
    background: #f4dbb6;
    color: #FFF;
    height: 180px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .empty .warp[data-v-08267e9e] {
      font-size: 18px;
  }
  .empty .warp .pt-5[data-v-08267e9e] {
        padding-top: 5px;
  }
  
  .magic-cube[data-v-1549c5e0] {
    position: relative;
    overflow: hidden;
    background: transparent;
  }
  .magic-cube .item[data-v-1549c5e0] {
      position: absolute;
      background-size: 100% auto;
      background-position: center;
      background-size: cover;
  }
  .empty-cube[data-v-1549c5e0] {
    line-height: 136px;
    font-size: 14px;
    text-align: center;
    background-color: #ebf8fd;
    color: #88c4dc;
  }
  /* sprite-loader-enable */
  .groupon[data-v-3979c6fb] {
    background: #fff;
  }
  .groupon .item[data-v-3979c6fb] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background: #fff;
  }
  .groupon.ordered .item[data-v-3979c6fb] {
    padding: 15px;
  }
  .groupon.ordered .item.pic-right[data-v-3979c6fb] {
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .groupon.ordered .item .cover[data-v-3979c6fb] {
    width: 130px;
    height: 130px;
    background-size: 100%;
  }
  .groupon.ordered .item .info[data-v-3979c6fb] {
    width: calc(100% - 140px);
  }
  .groupon.ordered .item .info > *[data-v-3979c6fb]:not(:last-child) {
    margin-bottom: 12px;
  }
  .groupon.ordered .item .info .time .label[data-v-3979c6fb] {
    margin-bottom: 6px;
    color: #999;
  }
  .groupon.ordered .item .info .title[data-v-3979c6fb] {
    font-size: 14px;
  }
  .groupon.carousel .item[data-v-3979c6fb] {
    box-sizing: border-box;
    width: calc(100% - 56px);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
  }
  .groupon.carousel .item[data-v-3979c6fb]:first-child {
    position: relative;
  }
  .groupon.carousel .item .cover[data-v-3979c6fb] {
    border-radius: 6px;
    width: 100%;
    background-size: 100% auto;
    background-position: center;
  }
  .groupon.carousel .item .info[data-v-3979c6fb] {
    position: relative;
  }
  .groupon.carousel .item .info > *[data-v-3979c6fb] {
    margin: 10px 0;
  }
  .groupon.carousel .item .info .time[data-v-3979c6fb] {
    position: absolute;
    top: -56px;
    right: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    color: #fff;
    line-height: 26px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.4);
  }
  .groupon.carousel .item .info .title[data-v-3979c6fb] {
    font-size: 14px;
  }
  .carousel[data-v-13e19281] {
    position: relative;
    overflow: hidden;
  }
  .carousel.tst > *[data-v-13e19281] {
      transition: all linear .4s;
  }
  
  .empty[data-v-324e0824] {
    background: #DBF5FF;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    width: 100%;
  }
  .empty i[data-v-324e0824] {
      width: 63px;
      height: 47px;
      background: url(//b.yzcdn.cn/beauty/wap/6dce7c47575799346392129614fce2e6.png) no-repeat;
      background-size: 100% 100%;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .tpl[data-v-00a7e10f] {
    background: #fff;
  }
  .tpl.tpl-1[data-v-00a7e10f] {
      margin: 0 15px;
  }
  .tpl .bg[data-v-00a7e10f] {
      width: 100%;
      height: 166px;
  }
  .tpl .bg.bg-0[data-v-00a7e10f] {
        height: 180px;
        width: 100%;
  }
  .tpl .bg.bg-0 .img[data-v-00a7e10f] {
          width: 100%;
          height: 100%;
  }
  .tpl .bg.bg-1[data-v-00a7e10f] {
        height: 166px;
        width: 100%;
  }
  .tpl .bg.bg-1 .img[data-v-00a7e10f] {
          width: 100%;
          height: 100%;
          border-radius: 4px;
  }
  .tpl .logo[data-v-00a7e10f] {
      position: relative;
      bottom: 32px;
      padding: 0 20px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .tpl .logo.logo-0[data-v-00a7e10f] {
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
  }
  .tpl .logo.logo-1[data-v-00a7e10f] {
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
  }
  .tpl .logo.logo-2[data-v-00a7e10f] {
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
  }
  .tpl .logo .avatar[data-v-00a7e10f] {
        height: 64px;
        width: 64px;
        border: 1px solid #fff;
  }
  .tpl .logo .avatar.avatar-1[data-v-00a7e10f] {
          border-radius: 50%;
  }
  .tpl .info .line[data-v-00a7e10f] {
      font-size: 14px;
      color: #555;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .tpl .info .line.name[data-v-00a7e10f] {
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: 20px;
        padding-top: 0;
  }
  .tpl .info .line.name .phone[data-v-00a7e10f] {
          width: 50px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          position: relative;
          border-radius: 0;
  }
  .tpl .info .line.name .phone[data-v-00a7e10f]:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 200%;
            height: 200%;
            -webkit-transform-origin: left top;
                -ms-transform-origin: left top;
                    transform-origin: left top;
            -webkit-transform: scale(0.5);
                -ms-transform: scale(0.5);
                    transform: scale(0.5);
            border-radius: 0;
            box-sizing: border-box;
  }
  .tpl .info .line.name .phone > *[data-v-00a7e10f] {
            position: relative;
  }
  .tpl .info .line.name .phone[data-v-00a7e10f]:before {
            border-top: 0px solid #aaa;
  }
  .tpl .info .line.name .phone[data-v-00a7e10f]:before {
            border-right: 0px solid #aaa;
  }
  .tpl .info .line.name .phone[data-v-00a7e10f]:before {
            border-bottom: 0px solid #aaa;
  }
  .tpl .info .line.name .phone[data-v-00a7e10f]:before {
            border-left: 1px solid #aaa;
  }
  .tpl .info .line.bt-0[data-v-00a7e10f] {
        position: relative;
        border-radius: 0;
  }
  .tpl .info .line.bt-0[data-v-00a7e10f]:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 200%;
          height: 200%;
          -webkit-transform-origin: left top;
              -ms-transform-origin: left top;
                  transform-origin: left top;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
          border-radius: 0;
          box-sizing: border-box;
  }
  .tpl .info .line.bt-0 > *[data-v-00a7e10f] {
          position: relative;
  }
  .tpl .info .line.bt-0[data-v-00a7e10f]:before {
          border-top: 0px solid #e5e5e5;
  }
  .tpl .info .line.bt-0[data-v-00a7e10f]:before {
          border-right: 0px solid #e5e5e5;
  }
  .tpl .info .line.bt-0[data-v-00a7e10f]:before {
          border-bottom: 1px solid #e5e5e5;
  }
  .tpl .info .line.bt-0[data-v-00a7e10f]:before {
          border-left: 0px solid #e5e5e5;
  }
  .tpl .info .line.line-0[data-v-00a7e10f] {
        padding-left: 20px;
        padding-right: 20px;
  }
  .tpl .info .line.line-1[data-v-00a7e10f] {
        padding-left: 10px;
        padding-right: 10px;
  }
  .tpl .info .line .icon[data-v-00a7e10f] {
        margin-right: 15px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
  }
  
  .walking[data-v-6cb7d3d4] {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 325px;
    border-radius: 4px;
    overflow: hidden;
  }
  .walking.carousel-walking[data-v-6cb7d3d4] {
      position: absolute;
      left: 0;
      top: 0;
  }
  .walking.carousel-walking[data-v-6cb7d3d4]:first-child {
        position: relative;
  }
  .walking .pic[data-v-6cb7d3d4] {
      position: relative;
      height: 100%;
      width: 100%;
      background: #FFF;
  }
  .walking .pic > img[data-v-6cb7d3d4] {
        height: 100%;
        width: 100%;
        object-fit: cover;
  }
  .walking .pic .tag[data-v-6cb7d3d4] {
        position: absolute;
        top: 0px;
        left: 12px;
        font-size: 12px;
        color: #fff;
        z-index: 1;
  }
  .walking .pic .tag > img[data-v-6cb7d3d4] {
          position: relative;
          top: -1px;
          width: 40px;
  }
  .walking .info[data-v-6cb7d3d4] {
      background: #fff;
      padding: 12px 10px;
  }
  .walking .info .name[data-v-6cb7d3d4] {
        display: inline-block;
        font-size: 14px;
        color: #555;
  }
  .walking .info .big[data-v-6cb7d3d4] {
        font-size: 16px;
  }
  .walking .info .price[data-v-6cb7d3d4] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 6px;
  }
  .walking .info .price .low[data-v-6cb7d3d4] {
          margin-right: 10px;
          font-size: 10px;
  }
  .walking .info .price .origin[data-v-6cb7d3d4] {
          margin-right: 10px;
          font-size: 12px;
          color: #ccc;
          text-decoration: line-through;
  }
  .walking .info .save[data-v-6cb7d3d4] {
        position: relative;
        height: 18px;
        line-height: 18px;
        padding: 0 4px;
        border-radius: 4px;
        color: #fff;
        background: #F8A63C;
  }
  .walking .info .save[data-v-6cb7d3d4]:before {
          position: absolute;
          top: 0;
          left: -4px;
          content: '';
          width: 0;
          height: 0;
          border: 4px solid #F8A63C;
          border-bottom-color: transparent;
          border-left-color: transparent;
  }
  
  .box[data-v-bd6dbe5c] {
    padding-left: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
  }
  .box > [data-v-bd6dbe5c]:not(:first-child) {
      margin-left: 10px;
  }
  .box.single[data-v-bd6dbe5c] {
      padding-left: initial;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
  }
  .box.no-scroll[data-v-bd6dbe5c] {
      overflow-x: hidden;
  }
  
  .customer-block[data-v-c3f78d86] {
    cursor: pointer;
  }
  .customer-block .style-img[data-v-c3f78d86] {
      width: 60px;
      height: 60px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
  }
  .customer-block.fiexd[data-v-c3f78d86] {
      position: fixed;
      left: 0;
      bottom: 120px;
      z-index: 198;
  }
  .im-portal[data-v-c3f78d86] {
    padding: 0 10px;
  }
  .customer-text[data-v-c3f78d86] {
    position: absolute;
    font-size: 12px;
    text-align: center;
  }
  .customer-text.style0[data-v-c3f78d86] {
      display: none;
  }
  .customer-text.style1[data-v-c3f78d86] {
      width: 25px;
      height: 26px;
      bottom: 29px;
      left: 28px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .customer-text.style2[data-v-c3f78d86] {
      width: 50px;
      bottom: 7px;
      left: 15px;
  }
  
  .contact-block[data-v-1e875f38] {
    cursor: pointer;
  }
  .contact-block .style-img[data-v-1e875f38] {
      width: 60px;
      height: 60px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
  }
  .contact-block.fiexd[data-v-1e875f38] {
      position: fixed;
      left: 0;
      bottom: 190px;
      z-index: 198;
  }
  .tel-portal[data-v-1e875f38] {
    padding: 0 10px;
  }
  .contact-text[data-v-1e875f38] {
    position: absolute;
    text-align: center;
    font-size: 12px;
  }
  .contact-text.style0[data-v-1e875f38] {
      display: none;
  }
  .contact-text.style1[data-v-1e875f38] {
      width: 25px;
      height: 26px;
      bottom: 29px;
      left: 28px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .contact-text.style2[data-v-1e875f38] {
      width: 50px;
      bottom: 7px;
      left: 15px;
  }
  
  .poster[data-v-64746f72] {
    width: 300px;
    height: 360px;
  }
  .poster .bg[data-v-64746f72] {
      width: 100%;
      height: 100%;
  }
  .poster .content[data-v-64746f72] {
      position: absolute;
      z-index: 10;
      bottom: 20px;
      left: 0;
      right: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .poster .content .name[data-v-64746f72] {
        font-family: PingFangSC-Regular;
        font-size: 18px;
        color: #222;
  }
  .poster .content .code[data-v-64746f72] {
        height: 135px;
        width: 135px;
        padding: 3px;
        background: #fff;
        position: relative;
        margin-top: 19px;
  }
  .poster .content .code .pic[data-v-64746f72] {
          width: 100%;
          height: 100%;
  }
  .poster .content .code .logo[data-v-64746f72] {
          position: absolute;
          top: 50%;
          left: 50%;
          width: 22px;
          height: 22px;
          border: 2px solid #FFFFFF;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          border-radius: 8px;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
  }
  .poster .content .pro[data-v-64746f72] {
        margin-top: 7px;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .c-red[data-v-e888b73a] {
    color: #E94D75;
  }
  .c-2[data-v-e888b73a] {
    color: #222;
  }
  .c-3[data-v-e888b73a] {
    color: #666;
  }
  .c-4[data-v-e888b73a] {
    color: #888;
  }
  .c-5[data-v-e888b73a] {
    color: #CACACA;
  }
  .c-6[data-v-e888b73a] {
    color: #E5E5E5;
  }
  .c-7[data-v-e888b73a] {
    color: #F0F0F0;
  }
  .c-8[data-v-e888b73a] {
    color: #FAFAFA;
  }
  .c-9[data-v-e888b73a] {
    color: #FFF;
  }
  .c-10[data-v-e888b73a] {
    color: #03B266;
  }
  .c-11[data-v-e888b73a] {
    color: #FF4444;
  }
  .bd-red[data-v-e888b73a] {
    border-color: #E94D75;
  }
  .bd-2[data-v-e888b73a] {
    border-color: #222;
  }
  .bd-3[data-v-e888b73a] {
    border-color: #666;
  }
  .bd-4[data-v-e888b73a] {
    border-color: #888;
  }
  .bd-5[data-v-e888b73a] {
    border-color: #CACACA;
  }
  .bd-6[data-v-e888b73a] {
    border-color: #E5E5E5;
  }
  .bd-7[data-v-e888b73a] {
    border-color: #F0F0F0;
  }
  .bd-8[data-v-e888b73a] {
    border-color: #FAFAFA;
  }
  .bd-9[data-v-e888b73a] {
    border-color: #FFF;
  }
  .bd-10[data-v-e888b73a] {
    border-color: #03B266;
  }
  .bd-11[data-v-e888b73a] {
    border-color: #FF4444;
  }
  .bg-red[data-v-e888b73a] {
    background-color: #E94D75;
  }
  .bg-2[data-v-e888b73a] {
    background-color: #222;
  }
  .bg-3[data-v-e888b73a] {
    background-color: #666;
  }
  .bg-4[data-v-e888b73a] {
    background-color: #888;
  }
  .bg-5[data-v-e888b73a] {
    background-color: #CACACA;
  }
  .bg-6[data-v-e888b73a] {
    background-color: #E5E5E5;
  }
  .bg-7[data-v-e888b73a] {
    background-color: #F0F0F0;
  }
  .bg-8[data-v-e888b73a] {
    background-color: #FAFAFA;
  }
  .bg-9[data-v-e888b73a] {
    background-color: #FFF;
  }
  .bg-10[data-v-e888b73a] {
    background-color: #03B266;
  }
  .bg-11[data-v-e888b73a] {
    background-color: #FF4444;
  }
  .member[data-v-e888b73a] {
    background-image: linear-gradient(90deg, #ED564D 0%, #E94D75 100%);
  }
  .value-card[data-v-e888b73a] {
    background-image: linear-gradient(90deg, #22B0E4 0%, #2898E7 99%);
  }
  .time-card[data-v-e888b73a] {
    background-image: linear-gradient(90deg, #FB9C32 0%, #FC7E36 100%);
  }
  .discount-card[data-v-e888b73a] {
    background-image: linear-gradient(90deg, #29D746 0%, #1BCF73 100%);
  }
  .search[data-v-e888b73a] {
    height: 40px;
    padding: 14px;
    background: #FFF;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    box-sizing: border-box;
  }
  .search .pos[data-v-e888b73a] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 340px;
  }
  .search .pos.done .position[data-v-e888b73a] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
  }
  .search .pos.done .position .name[data-v-e888b73a] {
          font-family: PingFangSC-Regular;
          font-size: 14px;
          line-height: 21px;
          color: #CACACA;
  }
  .search .pos.done .refresh[data-v-e888b73a] {
        width: 19px;
        height: 19px;
        background: url(//b.yzcdn.cn/beauty/wap/b3a37b07ca4b92ea0d5c1a34e325deb8.png) no-repeat;
        background-size: 19px 19px;
        background-origin: content-box;
        border-left: 0.5px solid #E5E5E5;
        padding-left: 17px;
  }
  .search .pos.none .name[data-v-e888b73a] {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #CACACA;
        margin: 0 auto;
  }
  .dept[data-v-e888b73a] {
    margin-top: 10px;
    background: #FFF;
  }
  .dept .top[data-v-e888b73a] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 66px;
      box-sizing: border-box;
      padding: 14px 15px 14px 15px;
  }
  .dept .top .shop[data-v-e888b73a] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
  }
  .dept .top .shop .logo[data-v-e888b73a] {
          height: 30px;
          width: 30px;
          margin-right: 12px;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
  }
  .dept .top .shop .logo img[data-v-e888b73a] {
            width: 100%;
            height: 100%;
            border-radius: 15px;
  }
  .dept .top .shop .info .name[data-v-e888b73a] {
          font-family: PingFangSC-Regular;
          font-size: 14px;
          color: #222;
  }
  .dept .top .shop .info .addr[data-v-e888b73a] {
          margin-top: 7px;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #888;
  }
  .dept .top .distance[data-v-e888b73a] {
        font-family: PingFangSC-Regular;
        font-size: 11px;
        color: #888;
  }
  .dept .bottom[data-v-e888b73a] {
      height: 40px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-top: 0.5px solid #E5E5E5;
  }
  .dept .bottom .item[data-v-e888b73a] {
        width: 50%;
        height: 75%;
        border-right: 0.5px solid #E5E5E5;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
  }
  .dept .bottom .item .icon[data-v-e888b73a] {
          height: 21px;
          width: 21px;
  }
  .dept .bottom .item .phone[data-v-e888b73a] {
          background: url(//b.yzcdn.cn/beauty/wap/1bae2995445c248b55c89c0ccb03503a.png);
          background-size: cover;
  }
  .dept .bottom .item .map[data-v-e888b73a] {
          background: url(//b.yzcdn.cn/beauty/wap/859aa4dc0d14b12b5e807fadb19f8e58.png);
          background-size: cover;
  }
  .dept .bottom .item span[data-v-e888b73a] {
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #888;
          margin-left: 4px;
  }
  
  .pirate-tab {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
  }
  .pirate-tab__navs {
      display: flex;
      position: relative;
  }
  .pirate-tab__line {
      width: 0;
      position: absolute;
      top: 42px;
      left: 0;
      transition: left .3s;
      margin-top: -2px;
  }
  .pirate-tab__line .line-con {
        display: block;
        margin: 0 auto;
        height: 2px;
        background: #E84C75;
  }
  .pirate-tab--fixedNav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 88;
  }
  .pirate-tab__panels {
      overflow: hidden;
  }
  
  .pirate-nav {
    position: relative;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #fff;
    color: #666;
    font-size: 14px;
  }
  .pirate-nav:before {
      border-bottom: 1px solid #e5e5e5;
  }
  .pirate-nav.on {
      color: #E84C75;
  }
  .f-thin {
    position: relative;
  }
  .f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transform-origin: left top;
      transform: scale(1);
      box-sizing: border-box;
  }
  .f-thin > * {
      position: relative;
  }
  /* sprite-loader-enable */
  .view[data-v-bb4b4dc6] {
    padding-bottom: 10px;
  }
  .search .input i[data-v-f302d926] {
    background: url(//b.yzcdn.cn/beauty/wap/becd6c14fc2d46a0700cc1d26cc31968.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .search[data-v-f302d926] {
    padding: 10px 15px;
  }
  .search[data-v-f302d926]:before {
    border-bottom: 1px solid #e5e5e5;
  }
  .search .input[data-v-f302d926] {
    display: block;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
    background: #fff;
    text-align: center;
    border-radius: 28px;
  }
  .search .input[data-v-f302d926]:before {
    border: 1px solid #e5e5e5;
    border-radius: 40px;
  }
  .search .input i[data-v-f302d926] {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background-position: 0 0;
    vertical-align: middle;
  }
  .search .input input[data-v-f302d926] {
    width: 120px;
    background: transparent;
    border: 0;
    font-size: 13px;
    transition: width 0.3s;
  }
  .search .input input[data-v-f302d926]:focus,
  .search .input input.has-val[data-v-f302d926] {
    width: calc(100% - 25px);
  }
  .search .input input[data-v-f302d926]::-webkit-input-placeholder {
    color: #ccc;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .search .input i[data-v-f302d926] {
      background-image: url(//b.yzcdn.cn/beauty/wap/1c2d12aa7515f9cdaab36c1172715562.png);
      background-size: 16px 16px;
  }
  }/* sprite-loader-enable */
  .container[data-v-59730c4a] {
    padding: 15px 15px 0 15px;
    height: 43px;
    overflow: hidden;
    transition: heigit 0.4s;
  }
  .container ul[data-v-59730c4a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: calc(100% - 18px);
  }
  .container ul li[data-v-59730c4a] {
    height: 28px;
    padding: 0 16px;
    line-height: 28px;
    margin: 0 15px 15px 0;
    text-align: center;
    border-radius: 15px;
  }
  .container ul li.un-active[data-v-59730c4a] {
    background: #fff;
    color: #666;
  }
  .container .arrow[data-v-59730c4a] {
    position: absolute;
    right: 15px;
    top: 15px;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  .container .arrow span[data-v-59730c4a] {
    font-size: 12px;
    margin: 8px 5px;
    display: inline-block;
    -webkit-transform: scale(0.83);
        -ms-transform: scale(0.83);
            transform: scale(0.83);
  }
  .container.open[data-v-59730c4a] {
    height: auto;
  }
  .container.open .arrow[data-v-59730c4a] {
    -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
            transform: rotateZ(180deg);
  }/* sprite-loader-enable */
  div[data-v-4e0f323f] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    text-align: left;
  }
  .cards .li[data-v-4e0f323f] {
    display: block;
    background: #ffffff;
    margin: 0 14px 12px 14px;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
  }
  .cards .li .pic[data-v-4e0f323f] {
    position: relative;
    height: 160px;
    background: #fff;
    margin: 12px 12px 0 12px;
  }
  .cards .li .text[data-v-4e0f323f] {
    margin-top: 14px;
    margin-left: 15px;
  }
  .cards .li .text h2[data-v-4e0f323f] {
    font-weight: 400;
    font-size: 17px;
    color: #222222;
    line-height: 18px;
    margin-bottom: 6px;
  }
  .cards .li .text p[data-v-4e0f323f] {
    font-size: 13px;
    color: #888888;
    line-height: 13px;
    margin-bottom: 6px;
  }
  .cards .li .text .price[data-v-4e0f323f] {
    font-size: 15px;
  }
  .cards .li .text .sub-price[data-v-4e0f323f] {
    margin-left: 8px;
    color: #ccc;
    text-decoration: line-through;
    font-size: 14px;
  }
  .empty[data-v-4e0f323f] {
    height: 85px;
    line-height: 85px;
    font-size: 14px;
    color: #666;
    text-align: center;
  }
  .empty .all[data-v-4e0f323f] {
    display: inline-block;
    margin-top: 44px;
    width: 170px;
    line-height: 40px;
    height: 40px;
    background: #ffffff;
  }
  .empty .all[data-v-4e0f323f]:before {
    border-radius: 2px;
  }
  .card-slide[data-v-4e0f323f] {
    background: #fff;
    padding: 16px 0;
    width: 100%;
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .card-slide .card-list[data-v-4e0f323f] {
    width: 1000px;
  }
  .card-slide .li[data-v-4e0f323f] {
    float: left;
    background: #ffffff;
    box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.09);
    border-radius: 6px;
    width: 190px;
    margin-left: 16px;
    overflow: hidden;
  }
  .card-slide .li .pic[data-v-4e0f323f] {
    position: relative;
    width: 100%;
    height: 120px;
    background: #fff;
    border-radius: 6px;
  }
  .card-slide .li .pic .pic-con[data-v-4e0f323f] {
    width: 170px;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 4px;
    overflow: hidden;
  }
  .card-slide .li .text[data-v-4e0f323f] {
    padding: 12px;
    padding-top: 0;
  }
  .card-slide .li .text h2[data-v-4e0f323f] {
    font-size: 17px;
    color: #222222;
    line-height: 18px;
    margin-bottom: 6px;
    font-weight: 400;
  }
  .card-slide .li .text p[data-v-4e0f323f] {
    font-size: 13px;
    color: #888888;
    line-height: 13px;
    margin-bottom: 6px;
  }
  .card-slide .li .text .price[data-v-4e0f323f] {
    font-size: 15px;
  }
  .card-slide .li .text .sub-price[data-v-4e0f323f] {
    margin-left: 8px;
    color: #ccc;
    text-decoration: line-through;
    font-size: 14px;
  }
  .clearfix[data-v-4e0f323f]:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
  }
  .clearfix[data-v-4e0f323f] {
    zoom: 1;
  }
  .panel h3 .label[data-v-0f1e97ec] {
    background: url(//b.yzcdn.cn/beauty/wap/45932afbc2a693a7e5b298b87996e9cf.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .head[data-v-0f1e97ec] {
    background: #fff;
  }
  .head .cover[data-v-0f1e97ec] {
    width: 100%;
    height: 200px;
  }
  .head .top[data-v-0f1e97ec] {
    position: relative;
  }
  .head .top .pic[data-v-0f1e97ec] {
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .head .title[data-v-0f1e97ec] {
    padding: 17px 15px;
    font-size: 17px;
    color: #222;
    font-weight: normal;
  }
  .head .tag[data-v-0f1e97ec] {
    margin-bottom: 10px;
    padding: 0 16px;
    background: #FAFAFA;
  }
  .head .tag[data-v-0f1e97ec]:before {
    border-top: 1px solid #E5E5E5;
  }
  .head .tag span[data-v-0f1e97ec] {
    position: relative;
    font-size: 12px;
    color: #888;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
  }
  .head .tag span i[data-v-0f1e97ec] {
    font-size: 14px;
    margin-right: 4px;
  }
  .select[data-v-0f1e97ec] {
    line-height: 44px;
    margin: 10px 0;
    padding-left: 15px;
    background: #fff;
    font-size: 14px;
  }
  .select label[data-v-0f1e97ec] {
    margin-right: 5px;
    color: #666;
  }
  .msg-label[data-v-0f1e97ec] {
    position: fixed;
    bottom: 50px;
    left: 0;
    width: 100%;
    line-height: 32px;
    background: #fff8cc;
    text-align: center;
    font-size: 14px;
    color: #E18E22;
  }
  .panel[data-v-0f1e97ec] {
    margin-top: 10px;
    padding: 22px 0 6px;
    background: #FFF;
  }
  .panel h3[data-v-0f1e97ec] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 15px;
    color: #222;
  }
  .panel h3 > *[data-v-0f1e97ec] {
    margin: 0 3px;
  }
  .panel h3 .label[data-v-0f1e97ec] {
    width: 19px;
    height: 8px;
    background-position: 0 0;
  }
  .panel h3 .label[data-v-0f1e97ec]:last-of-type {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .panel h3 .label[data-v-0f1e97ec] {
      background-image: url(//b.yzcdn.cn/beauty/wap/115d29cc6697ff9f117bfa4f1c20120e.png);
      background-size: 19px 8px;
  }
  }
  .custom-richtext {
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    position: relative;
    background: #fff;
  }
  .custom-richtext img + br {
      display: block;
      padding: 4px 0;
      content: ' ';
  }
  .custom-richtext p {
      margin: 0 0 1em 0;
  }
  .custom-richtext .Powered-by-XIUMI p {
      margin: 0;
  }
  .custom-richtext a {
      color: #07d;
  }
  .custom-richtext img {
      background: none;
      max-width: 100% !important;
      min-height: 1px;
      width: auto !important;
      vertical-align: middle;
  }
  .custom-richtext ul, .custom-richtext ol {
      list-style-position: inside;
      padding-left: 0;
  }
  .custom-richtext ol {
      width: auto !important;
  }
  .custom-richtext blockquote {
      padding: 0 0 0 15px;
      margin: 0 0 18px;
      border-left: 5px solid #EEE;
  }
  .custom-richtext em, .custom-richtext i {
      font-style: italic;
  }
  .custom-richtext strong, .custom-richtext b {
      font-weight: bold;
  }
  .custom-richtext .selectTdClass {
      background-color: #edf5fa !important;
  }
  .custom-richtext table.noBorderTable td,
    .custom-richtext table.noBorderTable th,
    .custom-richtext table.noBorderTable caption {
      border: 1px dashed #ddd !important;
  }
  .custom-richtext table {
      margin-bottom: 10px;
      border-collapse: collapse;
      display: table;
      width: auto !important;
  }
  .custom-richtext td, .custom-richtext th {
      padding: 5px 10px;
      border: 1px solid #ddd;
  }
  .custom-richtext caption {
      border: 1px dashed #ddd;
      border-bottom: 0;
      padding: 3px;
      text-align: center;
  }
  .custom-richtext th {
      border-top: 2px solid #bbb;
      background: #f7f7f7;
  }
  .custom-richtext .ue-table-interlace-color-single {
      background-color: #fcfcfc;
  }
  .custom-richtext .ue-table-interlace-color-double {
      background-color: #f7faff;
  }
  .custom-richtext td p {
      margin: 0;
      padding: 0;
  }
  .custom-richtext .bottom-floating-banner {
      position: fixed !important;
      bottom: 0;
  }
  .custom-richtext iframe {
      width: 100%;
  }
  .custom-richtext-fullscreen {
    padding: 0;
    margin-top: 0;
  }
  
  .dialog[data-v-3285b9e6] {
    width: 88%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 4px;
    background: #fff;
  }
  .dialog .tit-content[data-v-3285b9e6] {
      height: 80px;
      line-height: 80px;
      text-align: center;
      font-family: PingFangSC-Regular;
      color: #222;
      font-size: 15px;
  }
  .dialog .btns[data-v-3285b9e6] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 52px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
  }
  .dialog .btns button[data-v-3285b9e6] {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        border: 0;
        background: #fff;
        font-size: 16px;
  }
  .dialog .btns button.text-grey[data-v-3285b9e6] {
          color: #666;
  }
  .dialog .btns button[data-v-3285b9e6]:before {
          border-top: 1px solid #e5e5e5;
          border-left: 1px solid #e5e5e5;
  }
  .dialog .btns button[data-v-3285b9e6]:first-child {
          border-bottom-left-radius: 4px;
  }
  .dialog .btns button[data-v-3285b9e6]:first-child:before {
            border-left: 0;
  }
  .dialog .btns button[data-v-3285b9e6]:last-child {
          border-bottom-right-radius: 4px;
  }
  
  .mask[data-v-43481445] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background .3s;
    z-index: 1988;
  }
  .mask.show[data-v-43481445] {
      background: rgba(0, 0, 0, 0.7);
  }
  
  .close[data-v-0bc6559a] {
    text-align: right;
    margin: 12px 14px 0 0;
  }
  .close .close-b[data-v-0bc6559a] {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin-right: -8px;
  }
  .close .close-b img[data-v-0bc6559a] {
        width: 15px;
        cursor: pointer;
  }
  
  .empty[data-v-5b580d95] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 60px;
    font-family: PingFangSC-Regular;
  }
  .empty .logo img[data-v-5b580d95] {
      height: 115px;
      display: block;
      margin: 0 auto;
  }
  .empty .logo .text[data-v-5b580d95] {
      font-size: 12px;
      color: #888;
      margin-top: 10px;
  }
  .empty .bg[data-v-5b580d95] {
      width: 92px;
      height: 115px;
  }
  .empty .bg.type-1[data-v-5b580d95] {
        background: url(//b.yzcdn.cn/beauty/wap/1f97ecf6c92f4572aa641b3a68776923.png);
        background-size: 100% 100%;
  }
  .empty .btn[data-v-5b580d95] {
      border: 1px solid #E74C75;
      border-radius: 20px;
      width: 148px;
      height: 36px;
      font-size: 12px;
      color: #E74C75;
      text-align: center;
      margin-top: 30px;
      line-height: 36px;
  }
  
  .poster[data-v-0bd91a5c] {
    padding: 28px;
    background: #fff;
  }
  .poster .info[data-v-0bd91a5c] {
      position: relative;
      border: 1px solid #efefef;
      border-radius: 10px;
  }
  .poster .info .user-info[data-v-0bd91a5c] {
        position: absolute;
        display: inline-block;
        height: 37px;
        background: #fff;
        padding: 4px 6px;
        box-sizing: border-box;
        border-radius: 18.5px;
        top: 12px;
        left: 12px;
  }
  .poster .info .user-info .user-wrap[data-v-0bd91a5c] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 100%;
  }
  .poster .info .user-info .user-wrap .avatar[data-v-0bd91a5c] {
            width: 29px;
            height: 29px;
            border-radius: 50%;
            margin-right: 7px;
  }
  .poster .info .user-info .user-wrap .info-item[data-v-0bd91a5c] {
            margin-right: 10px;
            font-size: 12px;
  }
  .poster .info .user-info .user-wrap .info-item.name[data-v-0bd91a5c] {
              display: inline-block;
              max-width: 128px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
  }
  .poster .info .user-info .user-wrap .info-item[data-v-0bd91a5c]:last-child {
              position: relative;
              margin-left: 10px;
  }
  .poster .info .user-info .user-wrap .info-item[data-v-0bd91a5c]:last-child::before {
                position: absolute;
                content: '';
                width: 1px;
                height: 12px;
                left: -10px;
                background: #d8d8d8;
  }
  .poster .info .img-info[data-v-0bd91a5c] {
        width: 320px;
        height: 320px;
  }
  .poster .info .img-info .img[data-v-0bd91a5c] {
          width: 100%;
          height: 100%;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
  }
  .poster .info .goods-info[data-v-0bd91a5c] {
        padding: 14px 15px 21px;
  }
  .poster .info .goods-info .title[data-v-0bd91a5c] {
          font-size: 18px;
          font-weight: bold;
          margin-bottom: 10px;
  }
  .poster .info .goods-info .sub-title[data-v-0bd91a5c] {
          font-size: 12px;
  }
  .poster .info .goods-info .sub-title .tag[data-v-0bd91a5c] {
            display: inline-block;
            background-size: cover;
            width: 47px;
            height: 20px;
            vertical-align: middle;
            line-height: 20px;
            margin-top: -2px;
            margin-right: 6px;
            text-align: center;
            font-weight: bold;
  }
  .poster .info .goods-info .sub-title .price[data-v-0bd91a5c] {
            font-size: 16px;
            font-weight: 500;
  }
  .poster .info .goods-info .sub-title .origin-price[data-v-0bd91a5c] {
            font-size: 14px;
            color: #ccc;
            text-decoration: line-through;
            margin-left: 8px;
  }
  .poster .qr-wrap[data-v-0bd91a5c] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 31px;
      margin-left: 9px;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .poster .qr-wrap .qr[data-v-0bd91a5c] {
        width: 84px;
        height: 84px;
        margin-right: 20px;
  }
  .poster .qr-wrap .qr-text[data-v-0bd91a5c] {
        font-size: 12px;
        color: #666;
        line-height: 1.4;
  }
  
  .pic[data-v-309852ae] {
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #fff;
  }
  .video[data-v-309852ae] {
    width: 100%;
  }
  
  .poster[data-v-c6bf8a62] {
    padding: 37px 14px 10px;
    background: #FB6663;
    border-radius: 13px;
  }
  .poster .avatar-wrap[data-v-c6bf8a62] {
      position: absolute;
      left: 0;
      right: 0;
      width: 60px;
      height: 60px;
      margin: -37px auto 0;
      border: 7px solid #FB6663;
      border-radius: 50%;
  }
  .poster .avatar-wrap .avatar[data-v-c6bf8a62] {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 2px solid #fff;
        box-sizing: border-box;
  }
  .poster .content[data-v-c6bf8a62] {
      padding: 0 26px 10px;
      border-radius: 13px;
      background: #fff;
      overflow: hidden;
  }
  .poster .content .title[data-v-c6bf8a62] {
        margin-top: 49px;
  }
  .poster .content .title h3[data-v-c6bf8a62] {
          text-align: center;
          font-size: 18px;
          color: #101010;
          margin-bottom: 5px;
  }
  .poster .content .title p[data-v-c6bf8a62] {
          font-size: 12px;
          color: #888;
          margin-bottom: 13px;
          line-height: 17px;
  }
  .poster .content .sub-title[data-v-c6bf8a62] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 10px;
        color: #888;
  }
  .poster .content .sub-title[data-v-c6bf8a62]::before, .poster .content .sub-title[data-v-c6bf8a62]::after {
          display: block;
          content: '';
          width: 35px;
          height: 1px;
          background: #d8d8d8;
  }
  .poster .content .sub-title span[data-v-c6bf8a62] {
          display: inline-block;
          margin: 0 6px;
  }
  .poster .content .img-wrap[data-v-c6bf8a62] {
        position: relative;
        width: 272px;
        height: 160px;
        margin: 13px auto 16px;
  }
  .poster .content .img-wrap .tag[data-v-c6bf8a62] {
          position: absolute;
          width: 57px;
          line-height: 22px;
          text-align: center;
          background: linear-gradient(138.4deg, #ed564d, #e84c75);
          color: #fff;
          font-size: 12px;
          left: -5px;
          top: 4px;
  }
  .poster .content .img-wrap .tag[data-v-c6bf8a62]::before {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-left-color: #e74c75;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            -webkit-transform-origin: left;
                -ms-transform-origin: left;
                    transform-origin: left;
            bottom: -7px;
            left: 3px;
  }
  .poster .content .img-wrap .img[data-v-c6bf8a62] {
          width: 100%;
          height: 100%;
  }
  .poster .content .goods-wrap[data-v-c6bf8a62] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 15px;
  }
  .poster .content .goods-wrap .goods-info[data-v-c6bf8a62] {
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
  }
  .poster .content .goods-wrap .goods-info h3[data-v-c6bf8a62] {
            font-size: 16px;
            color: #222;
            margin-bottom: 7px;
  }
  .poster .content .goods-wrap .goods-info p[data-v-c6bf8a62] {
            font-size: 12px;
            color: #E84B74;
  }
  .poster .content .goods-wrap .goods-info p .price[data-v-c6bf8a62] {
              font-size: 16px;
  }
  .poster .content .goods-wrap .qr-wrap[data-v-c6bf8a62] {
          width: 82px;
          margin-left: 23px;
          text-align: center;
          font-size: 12px;
          color: #ccc;
  }
  .poster .content .goods-wrap .qr-wrap .qr[data-v-c6bf8a62] {
            width: 100%;
            margin-bottom: 10px;
  }
  
  .reserve .mask[data-v-2910e0a2] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: opacity .3s;
  }
  .reserve .mask-hide[data-v-2910e0a2] {
    opacity: 0;
    display: none;
  }
  .reserve .layer[data-v-2910e0a2] {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 20;
    background: #fff;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .reserve .layer .hd[data-v-2910e0a2] {
      margin: 0 15px;
      padding-bottom: 10px;
  }
  .reserve .layer .hd[data-v-2910e0a2]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
  .reserve .layer .hd[data-v-2910e0a2]:after {
          width: 200%;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
  }
  }
  @media screen and (-webkit-min-device-pixel-ratio: 3) {
  .reserve .layer .hd[data-v-2910e0a2]:after {
          width: 300%;
          -webkit-transform: scale(0.3333);
              -ms-transform: scale(0.3333);
                  transform: scale(0.3333);
  }
  }
  .reserve .layer .hd .avatar[data-v-2910e0a2] {
        width: 80px;
        height: 80px;
        margin-top: -10px;
        vertical-align: top;
        border-radius: 2px;
        border: 2px solid #e5e5e5;
  }
  .reserve .layer .hd .summary[data-v-2910e0a2] {
        display: inline-block;
        padding: 10px 0 0 10px;
  }
  .reserve .layer .hd .summary p[data-v-2910e0a2] {
          margin-bottom: 10px;
          font-size: 12px;
          color: #333;
          width: 5.78rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
  }
  .reserve .layer .hd .summary .exp[data-v-2910e0a2] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
  }
  .reserve .layer .hd .summary .exp em[data-v-2910e0a2] {
            font-size: 16px;
  }
  .reserve .layer .hd .summary .exp .tag[data-v-2910e0a2] {
            margin-left: 5px;
            border-radius: 2px;
            padding: 0 3px;
            height: 16px;
            font-size: 10px;
            line-height: 16px;
            color: #fff;
            background: #e84c75;
            text-align: center;
  }
  .reserve .layer .hd .summary .exp .tag.new[data-v-2910e0a2] {
              width: 54px;
              background: #F8AA35;
  }
  .reserve .layer .hd .summary .origin[data-v-2910e0a2] {
          margin-top: 5px;
          text-decoration: line-through;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #999999;
  }
  .reserve .layer .bd[data-v-2910e0a2] {
      padding: 0 15px;
  }
  .reserve .layer .bd .sku-list[data-v-2910e0a2] {
        max-height: 300px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 22px;
        padding-bottom: 10px;
  }
  .reserve .layer .bd .sku-list dl[data-v-2910e0a2] {
          margin-bottom: 22px;
  }
  .reserve .layer .bd .sku-list dl[data-v-2910e0a2]:last-child {
            margin-bottom: 0;
  }
  .reserve .layer .bd .sku-list dl dt[data-v-2910e0a2] {
            font-size: 14px;
            color: #666;
            margin-bottom: 10px;
  }
  .reserve .layer .bd .sku-list dl dd[data-v-2910e0a2] {
            display: inline-block;
            font-size: 14px;
            border-radius: 30px;
            padding: 10px 15px;
            margin-right: 10px;
            line-height: 16px;
            margin-bottom: 10px;
            vertical-align: middle;
  }
  .reserve .layer .bd .sku-list dl dd.item[data-v-2910e0a2] {
              color: #333;
  }
  .reserve .layer .bd .sku-list dl dd[data-v-2910e0a2]::before {
              border-radius: 40px;
              box-sizing: border-box;
  }
  .reserve .layer .bd .sku-list dl dd.f-thin[data-v-2910e0a2]:before {
              border: 1px solid #cacaca;
  }
  .reserve .layer .bd .purchase-num[data-v-2910e0a2] {
        padding: 21px 0;
  }
  .reserve .layer .bd .purchase-num .num-text[data-v-2910e0a2] {
          font-size: 14px;
  }
  .reserve .layer .bd .purchase-num .p[data-v-2910e0a2] {
          line-height: 30px;
  }
  .reserve .layer .bd .purchase-num .exp[data-v-2910e0a2] {
          margin-top: 6px;
          font-family: PingFangSC-Regular;
          color: #888888;
  }
  .reserve .layer .bd .purchase-num .f-fr.f-thin[data-v-2910e0a2]:before {
          border-radius: 40px;
          border: 1px solid #cacaca;
  }
  .reserve .layer .bd .purchase-num .f-fr button[data-v-2910e0a2], .reserve .layer .bd .purchase-num .f-fr input[data-v-2910e0a2] {
          width: 42px;
          height: 36px;
          color: #666;
          font-size: 12px;
          vertical-align: middle;
  }
  .reserve .layer .bd .purchase-num .f-fr button[data-v-2910e0a2] {
          position: relative;
          background: transparent;
          border: 0;
  }
  .reserve .layer .bd .purchase-num .f-fr button[disabled][data-v-2910e0a2] {
          background: #f8f8f8;
  }
  .reserve .layer .bd .purchase-num .f-fr button[disabled].f-thin[data-v-2910e0a2]:before {
          border: 1px solid #e8e8e8;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
  }
  .reserve .layer .bd .purchase-num .f-fr .icon[data-v-2910e0a2] {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -7px;
          margin-left: -7px;
          width: 14px;
          height: 14px;
          display: block;
          background-size: 100% auto;
  }
  .reserve .layer .bd .purchase-num .f-fr button[disabled] .jian-icon[data-v-2910e0a2] {
          background-image: url();
  }
  .reserve .layer .bd .purchase-num .f-fr button[disabled] .jia-icon[data-v-2910e0a2] {
          background-image: url();
  }
  .reserve .layer .bd .purchase-num .f-fr button .jian-icon[data-v-2910e0a2] {
          background-image: url();
  }
  .reserve .layer .bd .purchase-num .f-fr button .jia-icon[data-v-2910e0a2] {
          background-image: url();
  }
  .reserve .layer .bd .purchase-num .f-fr button.lb[data-v-2910e0a2] {
          border-top-left-radius: 40px;
          border-bottom-left-radius: 40px;
  }
  .reserve .layer .bd .purchase-num .f-fr button.rb[data-v-2910e0a2] {
          border-top-right-radius: 40px;
          border-bottom-right-radius: 40px;
  }
  .reserve .layer .bd .purchase-num .f-fr button.lb.f-thin[data-v-2910e0a2]:before {
          border: 1px solid #cacaca;
          border-top-left-radius: 40px;
          border-bottom-left-radius: 40px;
  }
  .reserve .layer .bd .purchase-num .f-fr button.rb.f-thin[data-v-2910e0a2]:before {
          border: 1px solid #cacaca;
          border-top-right-radius: 40px;
          border-bottom-right-radius: 40px;
  }
  .reserve .layer .bd .purchase-num .f-fr input[data-v-2910e0a2] {
          background: none;
          border: none;
          text-align: center;
  }
  .reserve .layer-hide[data-v-2910e0a2] {
    -webkit-transform: translateY(120%);
        -ms-transform: translateY(120%);
            transform: translateY(120%);
  }
  
  .shop-contact .info .icon[data-v-5ff9b148],
  .shop-contact .addr .icon[data-v-5ff9b148] {
    background: url(//b.yzcdn.cn/beauty/wap/a3713e18d476288dff52bc58c969dfa3.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .shop-contact[data-v-5ff9b148] {
    background: #FFF;
  }
  .shop-contact .info[data-v-5ff9b148],
  .shop-contact .addr[data-v-5ff9b148] {
    height: 64px;
    padding: 0 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .shop-contact .info .text[data-v-5ff9b148],
  .shop-contact .addr .text[data-v-5ff9b148] {
    box-sizing: border-box;
    padding-right: 10px;
    line-height: 20px;
    font-size: 14px;
    color: #222222;
  }
  .shop-contact .info .text[data-v-5ff9b148]:before,
  .shop-contact .addr .text[data-v-5ff9b148]:before {
    box-sizing: border-box;
    border-right: 1px solid #E5E5E5;
  }
  .shop-contact .info .icon[data-v-5ff9b148],
  .shop-contact .addr .icon[data-v-5ff9b148] {
    margin-left: 20px;
  }
  .shop-contact .info .avatar[data-v-5ff9b148] {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 50%;
  }
  .shop-contact .info .text[data-v-5ff9b148] {
    width: calc(100% - 80px);
  }
  .shop-contact .info .icon[data-v-5ff9b148] {
    width: 20px;
    height: 21px;
    background-position: 0 0;
  }
  .shop-contact .info[data-v-5ff9b148]:before {
    border-bottom: 1px solid #E5E5E5;
  }
  .shop-contact .addr .text[data-v-5ff9b148] {
    width: calc(100% - 40px);
  }
  .shop-contact .addr .icon[data-v-5ff9b148] {
    width: 16px;
    height: 19px;
    background-position: -30px 0;
  }
  .shop-contact .multiline[data-v-5ff9b148] {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .shop-contact .info .icon[data-v-5ff9b148],
    .shop-contact .addr .icon[data-v-5ff9b148] {
      background-image: url(//b.yzcdn.cn/beauty/wap/b230cb31994ebca3d71e5dd3294e0249.png);
      background-size: 46px 21px;
  }
  }
  .tag[data-v-774ee7e3] {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    padding: 0 12px 0 12px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    background: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
    font-size: 12px;
  }
  .tag .l[data-v-774ee7e3] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .tag .l .price .sp[data-v-774ee7e3] {
        height: 30px;
        font-size: 30px;
        position: relative;
  }
  .tag .l .label[data-v-774ee7e3] {
        margin-left: 8px;
  }
  .tag .l .label .title[data-v-774ee7e3] {
          position: relative;
          height: 18px;
          min-width: 48px;
          line-height: 18px;
          padding: 0 4px;
          border-radius: 2px;
          -webkit-transform: scale(0.66);
              -ms-transform: scale(0.66);
                  transform: scale(0.66);
          -webkit-transform-origin: right top;
              -ms-transform-origin: right top;
                  transform-origin: right top;
          color: #e84b74;
          background: #fff;
  }
  .tag .l .label .title[data-v-774ee7e3]:before {
            position: absolute;
            top: 0;
            left: -4px;
            content: '';
            width: 0;
            height: 0;
            border: 4px solid #fff;
            border-bottom-color: transparent;
            border-left-color: transparent;
  }
  .tag .l .label .limit[data-v-774ee7e3] {
          margin-left: 5px;
          height: 16px;
          min-width: 61px;
          line-height: 16px;
          padding: 0 4px;
          border-radius: 2px;
          -webkit-transform: scale(0.66);
              -ms-transform: scale(0.66);
                  transform: scale(0.66);
          -webkit-transform-origin: right top;
              -ms-transform-origin: right top;
                  transform-origin: right top;
          color: #fff;
          background: #F8AA35;
  }
  .tag .l .label .rp[data-v-774ee7e3] {
          margin-top: 6px;
          text-decoration: line-through;
          opacity: 0.6;
  }
  .tag .r div[data-v-774ee7e3]:first-child {
      margin-bottom: 5px;
  }
  .tag .r span[data-v-774ee7e3] {
      display: inline-block;
      height: 16px;
      min-width: 12px;
      border-radius: 2px;
      line-height: 16px;
      text-align: center;
      background: #fff;
      color: #e74c75;
      margin-right: 2px;
      padding: 0 2px;
  }
  .tag .r span[data-v-774ee7e3]:not(:first-child) {
        margin-left: 2px;
  }
  .tag .drp[data-v-774ee7e3] {
      height: 20px;
      background: #e74c75;
  }
  .tag .drp span[data-v-774ee7e3] {
        padding: 0 10px 0 10px;
        text-decoration: line-through;
        opacity: 0.6;
  }
  
  .tag[data-v-fcf79a82] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 12px;
    font-family: PingFangSC-Regular;
  }
  .tag .top[data-v-fcf79a82] {
      display: inline-block;
      padding: 0 5px;
      height: 20px;
      line-height: 20px;
      background: #ED564D;
      color: #fff;
      border-top-right-radius: 2px;
      text-align: center;
  }
  .tag .bottom[data-v-fcf79a82] {
      width: 100%;
      height: 50px;
      padding: 0 12px 0 12px;
      box-sizing: border-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff;
      background: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
  }
  .tag .bottom .l[data-v-fcf79a82] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
  }
  .tag .bottom .l .price .sp[data-v-fcf79a82] {
          height: 30px;
          font-size: 30px;
          position: relative;
  }
  .tag .bottom .l .price .ren[data-v-fcf79a82] {
          height: 21px;
          font-size: 14px;
  }
  .tag .bottom .l .label[data-v-fcf79a82] {
          margin-left: 8px;
  }
  .tag .bottom .l .label .title[data-v-fcf79a82] {
            position: relative;
            height: 18px;
            min-width: 48px;
            line-height: 18px;
            padding: 0 4px;
            border-radius: 2px;
            -webkit-transform: scale(0.66);
                -ms-transform: scale(0.66);
                    transform: scale(0.66);
            -webkit-transform-origin: right top;
                -ms-transform-origin: right top;
                    transform-origin: right top;
            color: #e84b74;
            background: #fff;
  }
  .tag .bottom .l .label .title[data-v-fcf79a82]:before {
              position: absolute;
              top: 0;
              left: -4px;
              content: '';
              width: 0;
              height: 0;
              border: 4px solid #fff;
              border-bottom-color: transparent;
              border-left-color: transparent;
  }
  .tag .bottom .l .label .limit[data-v-fcf79a82] {
            margin-left: 5px;
            height: 16px;
            min-width: 48px;
            line-height: 16px;
            padding: 0 4px;
            border-radius: 2px;
            -webkit-transform: scale(0.66);
                -ms-transform: scale(0.66);
                    transform: scale(0.66);
            -webkit-transform-origin: right top;
                -ms-transform-origin: right top;
                    transform-origin: right top;
            color: #fff;
            background: #F8AA35;
  }
  .tag .bottom .l .label .rp[data-v-fcf79a82] {
            margin-top: 6px;
            text-decoration: line-through;
            opacity: 0.6;
  }
  .tag .bottom .r[data-v-fcf79a82] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
  }
  .tag .bottom .r svg path[data-v-fcf79a82] {
          fill: inherit;
  }
  .tag .bottom .r .sold[data-v-fcf79a82] {
          fill: #fff;
  }
  .tag .bottom .r span[data-v-fcf79a82] {
          margin-left: 2px;
  }
  
  .price[data-v-717cba2e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 15px 15px 15px;
  }
  .price .detail[data-v-717cba2e] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      vertical-align: baseline;
  }
  .price .detail .price1[data-v-717cba2e] {
        margin-right: 8px;
        font-size: 28px;
  }
  .price .detail .price1 sub[data-v-717cba2e] {
          margin-right: 2px;
          font-size: 14px;
          vertical-align: baseline;
  }
  .price .detail .price2[data-v-717cba2e] {
        font-size: 12px;
        color: #999;
        text-decoration: line-through;
  }
  .price .duration[data-v-717cba2e] {
      font-size: 12px;
      color: #999;
  }
  
  .activity[data-v-322457f7] {
    font-family: PingFangSC-Regular;
    background: #fff;
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 105px;
  }
  .activity[data-v-322457f7]:before {
      border-top: 1px solid #e5e5e5;
  }
  .activity .item[data-v-322457f7] {
      width: 130px;
      box-sizing: border-box;
      padding: 10px 15px;
      background: #FFF8FA;
      box-shadow: 2px 2px 4px 2px rgba(145, 145, 145, 0.1);
      border-radius: 1px;
      margin-left: 10px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      position: relative;
      background: url();
      background-size: contain;
  }
  .activity .item.select[data-v-322457f7] {
        background: url(//b.yzcdn.cn/beauty/wap/fb003a56b74c2202299e8a9ca4a5dc4e.png);
  }
  .activity .item .title[data-v-322457f7] {
        font-size: 12px;
        color: #666;
  }
  .activity .item .price[data-v-322457f7] {
        font-size: 20px;
        margin-top: 5px;
  }
  .activity .item .price .ren[data-v-322457f7] {
          font-size: 14px;
  }
  .activity .item .select[data-v-322457f7] {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 21px;
  }
  
  .activity-tip[data-v-bd9c913e] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 45px;
    padding: 0 15px;
    margin-bottom: 10px;
  }
  .activity-tip .l[data-v-bd9c913e] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 80%;
  }
  .activity-tip .l .tag[data-v-bd9c913e] {
        width: 34px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        background-image: linear-gradient(-138deg, #ED564D 0%, #E84C75 100%);
        border-radius: 2px;
        color: #FFFFFF;
  }
  .activity-tip .l .title[data-v-bd9c913e] {
        color: #E74C75;
        margin-left: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
  }
  .activity-tip .r[data-v-bd9c913e] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      min-width: 65px;
  }
  .activity-tip .r span[data-v-bd9c913e] {
        color: #9B9B9B;
        margin-right: 5px;
  }
  
  .list[data-v-2e41c22e] {
    font-family: PingFangSC-Regular;
    background: #fff;
  }
  .list .item[data-v-2e41c22e] {
      height: 60px;
      margin: 0 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .list .item[data-v-2e41c22e]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .list .item .l[data-v-2e41c22e] {
        font-size: 12px;
        color: #666;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 70%;
  }
  .list .item .l .tag[data-v-2e41c22e] {
          width: 23px;
          height: 23px;
          border-radius: 2px;
          text-align: center;
          line-height: 23px;
          color: #fff;
          font-size: 14px;
          font-weight: bold;
  }
  .list .item .l .tag.free[data-v-2e41c22e] {
            background-image: linear-gradient(-138deg, #FF5A50 0%, #FA4B79 100%);
  }
  .list .item .l .tag.sub[data-v-2e41c22e] {
            background-image: linear-gradient(-138deg, #FDB717 0%, #F6A346 100%);
  }
  .list .item .l .tag.discount[data-v-2e41c22e] {
            background-image: linear-gradient(-138deg, #FF9C23 0%, #FF812F 100%);
  }
  .list .item .l .det[data-v-2e41c22e] {
          margin-left: 10px;
          width: 80%;
  }
  .list .item .l .det .title[data-v-2e41c22e] {
            font-size: 15px;
            color: #333333;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
  }
  .list .item .l .det .time[data-v-2e41c22e] {
            color: #888888;
            margin-top: 5px;
  }
  .list .item .r[data-v-2e41c22e] {
        color: #E74C75;
        font-size: 14px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
  }
  .list .item .r span[data-v-2e41c22e] {
          margin-right: 7px;
  }
  
  .header[data-v-2781982c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 50px;
    margin: 0 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  .header .title[data-v-2781982c] {
      font-family: PingFangSC-Medium;
      font-size: 16px;
      color: #000;
  }
  .header .price[data-v-2781982c] {
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: #9B9B9B;
  }
  .content[data-v-2781982c] {
    padding: 25px 15px;
  }
  .content .item[data-v-2781982c] {
      box-sizing: border-box;
      width: 100%;
      height: 36px;
      border: 0.5px solid #CACACA;
      border-radius: 20px;
      padding: 0 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .content .item[data-v-2781982c]:not(:first-child) {
        margin-top: 13px;
  }
  .content .item.select[data-v-2781982c] {
        background-image: linear-gradient(-138deg, #ED564D 0%, #E84C75 100%);
  }
  .content .item .l[data-v-2781982c] {
        font-family: PingFangSC-Regular;
        font-size: 13px;
        color: #333;
  }
  .content .item .l.sel[data-v-2781982c] {
          color: #fff;
  }
  .content .item .r[data-v-2781982c] {
        font-family: PingFangSC-Medium;
        font-size: 16px;
        color: #E74C75;
  }
  .content .item .r.sel[data-v-2781982c] {
          color: #fff;
  }
  .content .item .r .ren[data-v-2781982c] {
          font-size: 12px;
  }
  
  .popup-picker .mask[data-v-ba34f2f4] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: opacity .3s;
  }
  .popup-picker .mask-hide[data-v-ba34f2f4] {
    opacity: 0;
    display: none;
  }
  .popup-picker .layer[data-v-ba34f2f4] {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 20;
    background: #fff;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .popup-picker .layer-hide[data-v-ba34f2f4] {
    -webkit-transform: translateY(105%);
        -ms-transform: translateY(105%);
            transform: translateY(105%);
  }
  
  .price[data-v-b58af276] {
    font-size: 12px;
    margin-top: 3px;
  }
  .un-start[data-v-b58af276] {
    background: #9B9B9B;
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .prompt[data-v-b58af276] {
    position: absolute;
    bottom: 50px;
    height: 32px;
    width: 100%;
    text-align: center;
    line-height: 32px;
    color: #E18E22;
    background: #FFF8CC;
    font-size: 14px;
  }
  
  .pirate-action-bar {
    height: 50px;
    display: flex;
    text-align: center;
  }
  .pirate-action-bar .pirate-action-bar-mini-btn {
      background: #FFF;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 23%;
      position: relative;
      flex-direction: column;
  }
  .pirate-action-bar .pirate-action-bar-mini-btn:before {
        content: '';
        position: absolute;
        width: 100%;
        top: 0;
        border-top: 1px solid #e5e5e5;
  }
  .pirate-action-bar .pirate-action-bar-mini-btn:only-of-type {
        width: 37%;
  }
  .pirate-action-bar .pirate-action-bar-mini-btn:not(:last-of-type) {
        border-right: 0.5px solid #EEE;
  }
  .pirate-action-bar .pirate-action-bar-mini-btn img, .pirate-action-bar .pirate-action-bar-mini-btn svg {
        width: 20px;
        height: 20px;
        margin: 2px 0 3px;
  }
  .pirate-action-bar .pirate-action-bar-mini-btn span {
        font-size: 12px;
        color: #666;
        transform: scale(0.83);
  }
  .pirate-action-bar .pirate-action-bar-large-btn {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      font-size: 16px;
      color: #FFF;
      background: #B6C1D4;
      cursor: pointer;
  }
  .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
        background: #E74C75;
  }
  .pirate-action-bar .pirate-action-bar-large-btn.disabled {
        background: #888;
  }
  .pirate-action-bar .pirate-action-bar-large-btn.prompt {
        background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .pirate-action-bar .pirate-action-bar-large-btn.opacity {
        opacity: 0.6;
  }
  
  .bottom-nav[data-v-4209b4cf] {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #FFF;
  }
  
  .pirate-action-bar-large-btn.opacity {
    opacity: 0.6;
  }
  
  .icon[data-v-78931e88] {
    font-size: 20px;
    margin: 2px 0 2px;
  }
  
  .icon[data-v-22ab97ac] {
    font-size: 20px;
    margin: 2px 0 2px;
  }
  
  .ct[data-v-97e1c168] {
    height: 80px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: PingFangSC-Regular;
    margin-bottom: 15px;
  }
  .ct .s1[data-v-97e1c168] {
      font-size: 15px;
      color: #222;
  }
  .ct .s2[data-v-97e1c168] {
      font-size: 15px;
      color: #222;
      margin-top: 3px;
  }
  
  .select[data-v-93bfae3a] {
    line-height: 44px;
    margin: 10px 0;
    padding-left: 15px;
    background: #fff;
    font-size: 14px;
  }
  .select label[data-v-93bfae3a] {
      margin-right: 5px;
      color: #666;
  }
  .sku-select-content[data-v-93bfae3a] {
    margin-top: 20px;
    background-color: #fff;
  }
  .header[data-v-93bfae3a] {
    position: relative;
    margin: 0 15px;
    height: 84px;
  }
  .header[data-v-93bfae3a]:before {
      border-bottom: 1px solid #e5e5e5;
  }
  .image[data-v-93bfae3a] {
    position: absolute;
    height: 84px;
    width: 84px;
    top: -10px;
    border-radius: 2px;
    border: 2px solid #e5e5e5;
  }
  .name[data-v-93bfae3a], .price[data-v-93bfae3a], .origin-price[data-v-93bfae3a] {
    margin-left: 94px;
  }
  .name[data-v-93bfae3a] {
    padding: 10px 0 0 0px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #333;
    width: 5.78rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .price[data-v-93bfae3a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tag[data-v-93bfae3a] {
    margin-left: 5px;
    border-radius: 2px;
    padding: 0 3px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    text-align: center;
  }
  .price-now[data-v-93bfae3a] {
    font-size: 16px;
    font-weight: 200;
  }
  .origin-price[data-v-93bfae3a] {
    margin-top: 5px;
    text-decoration: line-through;
    font-size: 12px;
    color: #999999;
    font-family: PingFangSC-Regular;
  }
  .sku-list[data-v-93bfae3a] {
    max-height: 300px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: 22px;
    padding-bottom: 10px;
    overflow: auto;
    margin: 0 15px;
  }
  .sku-list dt[data-v-93bfae3a] {
      font-size: 14px;
      color: #666;
      margin-bottom: 10px;
  }
  .sku-list dd[data-v-93bfae3a] {
      display: inline-block;
      font-size: 14px;
      border-radius: 30px;
      padding: 10px 15px;
      margin-right: 10px;
      line-height: 16px;
      margin-bottom: 10px;
      vertical-align: middle;
  }
  .sku-list dd.normal[data-v-93bfae3a] {
        color: #333333;
  }
  .sku-list dd.normal[data-v-93bfae3a]:before {
          border: 1px solid #cacaca;
  }
  .sku-list dd[data-v-93bfae3a]:before {
        border-radius: 40px;
        box-sizing: border-box;
  }
  .buy-num[data-v-93bfae3a] {
    padding: 21px 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .buy-num .num-text[data-v-93bfae3a] {
      font-size: 14px;
  }
  .buy-num .p[data-v-93bfae3a] {
      line-height: 30px;
  }
  .buy-num .exp[data-v-93bfae3a] {
      margin-top: 6px;
      font-family: PingFangSC-Regular;
      color: #888888;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .containerpicker .mask[data-v-8086d752] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity .3s;
    z-index: 1988;
  }
  .containerpicker .mask-hide[data-v-8086d752] {
    opacity: 0;
    display: none;
  }
  .containerpicker .content[data-v-8086d752] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    z-index: 1989;
  }
  .containerpicker .content .hd[data-v-8086d752] {
      height: 44px;
      color: #333;
      font-size: 14px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
  }
  .containerpicker .content .hd[data-v-8086d752]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .containerpicker .content .hd .back[data-v-8086d752] {
        color: #E84C75;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -10px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
  }
  .containerpicker .content .hd .back .ico-back[data-v-8086d752] {
          width: 8px;
          height: 8px;
          border: 1px solid #E84C75;
          border-left: 0;
          border-bottom: 0;
          -webkit-transform: rotate(225deg);
              -ms-transform: rotate(225deg);
                  transform: rotate(225deg);
  }
  .containerpicker .content .hd .ico-close[data-v-8086d752] {
        width: 20px;
        height: 20px;
        background: url(//b.yzcdn.cn/beauty/wap/81769be4b1207dde32f4119c03bcf324.png) center no-repeat;
        background-size: contain;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -10px;
  }
  .containerpicker .content .bd[data-v-8086d752] {
      max-height: 545px;
  }
  .containerpicker .content-hide[data-v-8086d752] {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }
  
  .container[data-v-e394153a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 126px;
  }
  .container.f-thin[data-v-e394153a]:before {
      border-radius: 40px;
      border: 1px solid #cacaca;
  }
  .container button[data-v-e394153a], .container input[data-v-e394153a] {
      width: 42px;
      height: 36px;
      color: #666;
      font-size: 12px;
      vertical-align: middle;
  }
  .container button[data-v-e394153a] {
      position: relative;
      background: transparent;
      border: 0;
  }
  .container button[disabled][data-v-e394153a] {
      background: #f8f8f8;
  }
  .container button[disabled].f-thin[data-v-e394153a]:before {
      border: 1px solid #e8e8e8;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
  }
  .container .icon[data-v-e394153a] {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -7px;
      margin-left: -7px;
      width: 14px;
      height: 14px;
      display: block;
      background-size: 100% auto;
  }
  .container button[disabled] .jian-icon[data-v-e394153a] {
      background-image: url();
  }
  .container button[disabled] .jia-icon[data-v-e394153a] {
      background-image: url();
  }
  .container button .jian-icon[data-v-e394153a] {
      background-image: url();
  }
  .container button .jia-icon[data-v-e394153a] {
      background-image: url();
  }
  .container button.lb[data-v-e394153a] {
      border-top-left-radius: 40px;
      border-bottom-left-radius: 40px;
  }
  .container button.rb[data-v-e394153a] {
      border-top-right-radius: 40px;
      border-bottom-right-radius: 40px;
  }
  .container button.lb.f-thin[data-v-e394153a]:before {
      border: 1px solid #cacaca;
      border-top-left-radius: 40px;
      border-bottom-left-radius: 40px;
  }
  .container button.rb.f-thin[data-v-e394153a]:before {
      border: 1px solid #cacaca;
      border-top-right-radius: 40px;
      border-bottom-right-radius: 40px;
  }
  .container input[data-v-e394153a] {
      background: none;
      border: none;
      text-align: center;
  }
  
  .panel h3 .label[data-v-394374f1] {
    background: url(//b.yzcdn.cn/beauty/wap/45932afbc2a693a7e5b298b87996e9cf.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .head[data-v-394374f1] {
    background: #fff;
  }
  .head .cover[data-v-394374f1] {
    width: 100%;
    height: 200px;
  }
  .head .top[data-v-394374f1] {
    position: relative;
  }
  .head .top .pic[data-v-394374f1] {
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .head .top .exp[data-v-394374f1] {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    color: #fff;
  }
  .head .top .exp .title[data-v-394374f1] {
    display: inline-block;
    padding: 0 10px 0 10px;
    height: 20px;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    line-height: 20px;
    background: linear-gradient(-138deg, #ED564D 0%, #E84C75 100%);
    border-top-right-radius: 5px;
    text-align: center;
  }
  .head .top .exp .price[data-v-394374f1] {
    width: 100%;
    height: 50px;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: linear-gradient(-138deg, #ED564D 0%, #E84C75 100%);
  }
  .head .top .exp .price .p[data-v-394374f1] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .head .top .exp .price .p .sp[data-v-394374f1] {
    height: 30px;
    font-size: 30px;
    position: relative;
  }
  .head .top .exp .price .p .sp .limit[data-v-394374f1] {
    position: absolute;
    top: 0;
    right: -42px;
    height: 18px;
    min-width: 48px;
    line-height: 18px;
    padding: 0 4px;
    -webkit-transform: scale(0.66);
        -ms-transform: scale(0.66);
            transform: scale(0.66);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
    color: #fff;
    background: #F8AA35;
    font-size: 12px;
  }
  .head .top .exp .price .p .sp .limit[data-v-394374f1]:before {
    position: absolute;
    top: 0;
    left: -4px;
    content: '';
    width: 0;
    height: 0;
    border: 4px solid #F8AA35;
    border-bottom-color: transparent;
    border-left-color: transparent;
  }
  .head .top .exp .price .p .rp[data-v-394374f1] {
    margin-left: 10px;
    text-decoration: line-through;
    opacity: 0.6;
  }
  .head .top .exp .price .t div[data-v-394374f1]:first-child {
    margin-bottom: 5px;
  }
  .head .top .exp .price .t span[data-v-394374f1] {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 2px;
    line-height: 16px;
    text-align: center;
    background: #fff;
    color: #e74c75;
    margin-right: 2px;
  }
  .head .top .exp .price .t span[data-v-394374f1]:not(:first-child) {
    margin-left: 2px;
  }
  .head .top .exp .drp[data-v-394374f1] {
    height: 20px;
    background: #e74c75;
  }
  .head .top .exp .drp span[data-v-394374f1] {
    padding: 0 10px 0 10px;
    text-decoration: line-through;
    opacity: 0.6;
  }
  .head .info[data-v-394374f1] {
    padding: 15px;
  }
  .head .info h1[data-v-394374f1] {
    margin-bottom: 17px;
    font-size: 16px;
    font-weight: normal;
  }
  .head .info .sell[data-v-394374f1] {
    vertical-align: baseline;
    margin-bottom: 15px;
  }
  .head .info .sell .price1[data-v-394374f1] {
    margin-right: 8px;
    font-size: 28px;
  }
  .head .info .sell .price1 sub[data-v-394374f1] {
    margin-right: 2px;
    font-size: 14px;
    vertical-align: baseline;
  }
  .head .info .sell .price2[data-v-394374f1] {
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
  }
  .head .info .sell .num[data-v-394374f1] {
    right: 0;
    bottom: 3px;
  }
  .head .info .msg[data-v-394374f1] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .head .info .msg span[data-v-394374f1] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .head .info .msg .t-c[data-v-394374f1] {
    text-align: center;
  }
  .head .info .msg .t-r[data-v-394374f1] {
    text-align: right;
  }
  .head .tag[data-v-394374f1] {
    margin-bottom: 10px;
    padding: 0 16px;
    background: #FAFAFA;
  }
  .head .tag[data-v-394374f1]:before {
    border-top: 1px solid #E5E5E5;
  }
  .head .tag span[data-v-394374f1] {
    position: relative;
    padding-left: 15px;
    font-size: 12px;
    color: #888;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
  }
  .head .tag span[data-v-394374f1]:before {
    position: absolute;
    left: 0;
    content: '';
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background: url(//b.yzcdn.cn/beauty/wap/9154b1b31b87207692e795385791859f.png) no-repeat;
    background-size: cover;
  }
  .select[data-v-394374f1] {
    line-height: 44px;
    margin: 10px 0;
    padding-left: 15px;
    background: #fff;
    font-size: 14px;
  }
  .select label[data-v-394374f1] {
    margin-right: 5px;
    color: #666;
  }
  .msg-label[data-v-394374f1] {
    position: fixed;
    bottom: 50px;
    left: 0;
    width: 100%;
    line-height: 32px;
    background: #fff8cc;
    text-align: center;
    font-size: 14px;
    color: #E18E22;
  }
  .panel[data-v-394374f1] {
    margin-top: 10px;
    padding: 22px 0 6px;
    background: #FFF;
  }
  .panel h3[data-v-394374f1] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 15px;
    color: #222;
  }
  .panel h3 > *[data-v-394374f1] {
    margin: 0 3px;
  }
  .panel h3 .label[data-v-394374f1] {
    width: 19px;
    height: 8px;
    background-position: 0 0;
  }
  .panel h3 .label[data-v-394374f1]:last-of-type {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .panel h3 .label[data-v-394374f1] {
      background-image: url(//b.yzcdn.cn/beauty/wap/115d29cc6697ff9f117bfa4f1c20120e.png);
      background-size: 19px 8px;
  }
  }
  .custom-richtext {
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    position: relative;
    background: #fff;
  }
  .custom-richtext img + br {
      display: block;
      padding: 4px 0;
      content: ' ';
  }
  .custom-richtext p {
      margin: 0 0 1em 0;
  }
  .custom-richtext .Powered-by-XIUMI p {
      margin: 0;
  }
  .custom-richtext a {
      color: #07d;
  }
  .custom-richtext img {
      background: none;
      max-width: 100% !important;
      min-height: 1px;
      width: auto !important;
      vertical-align: middle;
  }
  .custom-richtext ul, .custom-richtext ol {
      list-style-position: inside;
      padding-left: 0;
  }
  .custom-richtext ol {
      width: auto !important;
  }
  .custom-richtext blockquote {
      padding: 0 0 0 15px;
      margin: 0 0 18px;
      border-left: 5px solid #EEE;
  }
  .custom-richtext em, .custom-richtext i {
      font-style: italic;
  }
  .custom-richtext strong, .custom-richtext b {
      font-weight: bold;
  }
  .custom-richtext .selectTdClass {
      background-color: #edf5fa !important;
  }
  .custom-richtext table.noBorderTable td,
    .custom-richtext table.noBorderTable th,
    .custom-richtext table.noBorderTable caption {
      border: 1px dashed #ddd !important;
  }
  .custom-richtext table {
      margin-bottom: 10px;
      border-collapse: collapse;
      display: table;
      width: auto !important;
  }
  .custom-richtext td, .custom-richtext th {
      padding: 5px 10px;
      border: 1px solid #ddd;
  }
  .custom-richtext caption {
      border: 1px dashed #ddd;
      border-bottom: 0;
      padding: 3px;
      text-align: center;
  }
  .custom-richtext th {
      border-top: 2px solid #bbb;
      background: #f7f7f7;
  }
  .custom-richtext .ue-table-interlace-color-single {
      background-color: #fcfcfc;
  }
  .custom-richtext .ue-table-interlace-color-double {
      background-color: #f7faff;
  }
  .custom-richtext td p {
      margin: 0;
      padding: 0;
  }
  .custom-richtext .bottom-floating-banner {
      position: fixed !important;
      bottom: 0;
  }
  .custom-richtext iframe {
      width: 100%;
  }
  .custom-richtext-fullscreen {
    padding: 0;
    margin-top: 0;
  }
  
  .reserve .mask[data-v-62500421] {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: opacity .3s;
  }
  .reserve .mask-hide[data-v-62500421] {
    opacity: 0;
    display: none;
  }
  .reserve .layer[data-v-62500421] {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 20;
    background: #fff;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .reserve .layer .hd[data-v-62500421] {
      margin: 0 15px;
      padding-bottom: 10px;
  }
  .reserve .layer .hd[data-v-62500421]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
  .reserve .layer .hd[data-v-62500421]:after {
          width: 200%;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
  }
  }
  @media screen and (-webkit-min-device-pixel-ratio: 3) {
  .reserve .layer .hd[data-v-62500421]:after {
          width: 300%;
          -webkit-transform: scale(0.3333);
              -ms-transform: scale(0.3333);
                  transform: scale(0.3333);
  }
  }
  .reserve .layer .hd .avatar[data-v-62500421] {
        width: 80px;
        height: 80px;
        margin-top: -10px;
        vertical-align: top;
        border-radius: 2px;
        border: 2px solid #e5e5e5;
  }
  .reserve .layer .hd .summary[data-v-62500421] {
        display: inline-block;
        padding: 10px 0 0 10px;
  }
  .reserve .layer .hd .summary p[data-v-62500421] {
          margin-bottom: 10px;
          font-size: 12px;
          color: #333;
          width: 5.78rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
  }
  .reserve .layer .hd .summary .exp[data-v-62500421] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
  }
  .reserve .layer .hd .summary .exp em[data-v-62500421] {
            font-size: 16px;
  }
  .reserve .layer .hd .summary .exp .tag[data-v-62500421] {
            margin-left: 5px;
            border-radius: 2px;
            padding: 0 3px;
            height: 16px;
            font-size: 10px;
            line-height: 16px;
            color: #fff;
            background: #e84c75;
            text-align: center;
  }
  .reserve .layer .hd .summary .exp .tag.new[data-v-62500421] {
              width: 54px;
              background: #F8AA35;
  }
  .reserve .layer .hd .summary .origin[data-v-62500421] {
          margin-top: 5px;
          text-decoration: line-through;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #999999;
  }
  .reserve .layer .bd[data-v-62500421] {
      padding: 0 15px;
  }
  .reserve .layer .bd .sku-list[data-v-62500421] {
        max-height: 300px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 22px;
        padding-bottom: 10px;
  }
  .reserve .layer .bd .sku-list dl[data-v-62500421] {
          margin-bottom: 22px;
  }
  .reserve .layer .bd .sku-list dl[data-v-62500421]:last-child {
            margin-bottom: 0;
  }
  .reserve .layer .bd .sku-list dl dt[data-v-62500421] {
            font-size: 14px;
            color: #666;
            margin-bottom: 10px;
  }
  .reserve .layer .bd .sku-list dl dd[data-v-62500421] {
            display: inline-block;
            font-size: 14px;
            border-radius: 30px;
            padding: 10px 15px;
            margin-right: 10px;
            line-height: 16px;
            margin-bottom: 10px;
            vertical-align: middle;
  }
  .reserve .layer .bd .sku-list dl dd.item[data-v-62500421] {
              color: #333;
  }
  .reserve .layer .bd .sku-list dl dd[data-v-62500421]::before {
              border-radius: 40px;
              box-sizing: border-box;
  }
  .reserve .layer .bd .sku-list dl dd.f-thin[data-v-62500421]:before {
              border: 1px solid #cacaca;
  }
  .reserve .layer .bd .purchase-num[data-v-62500421] {
        padding: 21px 0;
  }
  .reserve .layer .bd .purchase-num .num-text[data-v-62500421] {
          font-size: 14px;
  }
  .reserve .layer .bd .purchase-num .p[data-v-62500421] {
          line-height: 30px;
  }
  .reserve .layer .bd .purchase-num .exp[data-v-62500421] {
          margin-top: 6px;
          font-family: PingFangSC-Regular;
          color: #888888;
  }
  .reserve .layer .bd .purchase-num .f-fr.f-thin[data-v-62500421]:before {
          border-radius: 40px;
          border: 1px solid #cacaca;
  }
  .reserve .layer .bd .purchase-num .f-fr button[data-v-62500421], .reserve .layer .bd .purchase-num .f-fr input[data-v-62500421] {
          width: 42px;
          height: 36px;
          color: #666;
          font-size: 12px;
          vertical-align: middle;
  }
  .reserve .layer .bd .purchase-num .f-fr button[data-v-62500421] {
          position: relative;
          background: transparent;
          border: 0;
  }
  .reserve .layer .bd .purchase-num .f-fr button[disabled][data-v-62500421] {
          background: #f8f8f8;
  }
  .reserve .layer .bd .purchase-num .f-fr button[disabled].f-thin[data-v-62500421]:before {
          border: 1px solid #e8e8e8;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
  }
  .reserve .layer .bd .purchase-num .f-fr .icon[data-v-62500421] {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -7px;
          margin-left: -7px;
          width: 14px;
          height: 14px;
          display: block;
          background-size: 100% auto;
  }
  .reserve .layer .bd .purchase-num .f-fr button[disabled] .jian-icon[data-v-62500421] {
          background-image: url();
  }
  .reserve .layer .bd .purchase-num .f-fr button[disabled] .jia-icon[data-v-62500421] {
          background-image: url();
  }
  .reserve .layer .bd .purchase-num .f-fr button .jian-icon[data-v-62500421] {
          background-image: url();
  }
  .reserve .layer .bd .purchase-num .f-fr button .jia-icon[data-v-62500421] {
          background-image: url();
  }
  .reserve .layer .bd .purchase-num .f-fr button.lb[data-v-62500421] {
          border-top-left-radius: 40px;
          border-bottom-left-radius: 40px;
  }
  .reserve .layer .bd .purchase-num .f-fr button.rb[data-v-62500421] {
          border-top-right-radius: 40px;
          border-bottom-right-radius: 40px;
  }
  .reserve .layer .bd .purchase-num .f-fr button.lb.f-thin[data-v-62500421]:before {
          border: 1px solid #cacaca;
          border-top-left-radius: 40px;
          border-bottom-left-radius: 40px;
  }
  .reserve .layer .bd .purchase-num .f-fr button.rb.f-thin[data-v-62500421]:before {
          border: 1px solid #cacaca;
          border-top-right-radius: 40px;
          border-bottom-right-radius: 40px;
  }
  .reserve .layer .bd .purchase-num .f-fr input[data-v-62500421] {
          background: none;
          border: none;
          text-align: center;
  }
  .reserve .layer-hide[data-v-62500421] {
    -webkit-transform: translateY(120%);
        -ms-transform: translateY(120%);
            transform: translateY(120%);
  }
  
  .dialog[data-v-59bd3412] {
    width: 88%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 4px;
    background: #fff;
  }
  .dialog .tit-content[data-v-59bd3412] {
      height: 80px;
      line-height: 80px;
      text-align: center;
      font-family: PingFangSC-Regular;
      color: #222;
      font-size: 15px;
  }
  .dialog .btns[data-v-59bd3412] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 52px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
  }
  .dialog .btns button[data-v-59bd3412] {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        border: 0;
        background: #fff;
        font-size: 16px;
  }
  .dialog .btns button.text-grey[data-v-59bd3412] {
          color: #666;
  }
  .dialog .btns button[data-v-59bd3412]:before {
          border-top: 1px solid #e5e5e5;
          border-left: 1px solid #e5e5e5;
  }
  .dialog .btns button[data-v-59bd3412]:first-child {
          border-bottom-left-radius: 4px;
  }
  .dialog .btns button[data-v-59bd3412]:first-child:before {
            border-left: 0;
  }
  .dialog .btns button[data-v-59bd3412]:last-child {
          border-bottom-right-radius: 4px;
  }
  .sign[data-v-59bd3412] {
    padding: 20px;
    font-size: 14px;
  }
  .sign h5[data-v-59bd3412] {
      font-size: 16px;
  }
  .sign p[data-v-59bd3412] {
      margin: 20px 0;
      line-height: 24px;
      color: #999;
  }
  .sign .agree[data-v-59bd3412] {
      margin-bottom: 20px;
      line-height: 15px;
      color: #999;
  }
  .sign .agree a[data-v-59bd3412] {
        color: #e84c75;
  }
  
  .agreement {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
  }
  .agreement .cnt {
      box-sizing: border-box;
      height: calc(100% - 52px);
      overflow-y: auto;
      padding: 20px;
  }
  .agreement .cnt .title {
        margin-bottom: 20px;
        font-size: 16px;
        text-align: center;
  }
  .agreement .cnt .section {
        font-size: 14px;
        line-height: 24px;
        color: #999;
  }
  .agreement .btns {
      position: absolute;
      bottom: 0;
      left: 0;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 52px;
      width: 100%;
  }
  .agreement .btns button {
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        border: 0;
        background: #fff;
        font-size: 16px;
  }
  .agreement .btns button:before {
          border-top: 1px solid #e5e5e5;
          border-left: 1px solid #e5e5e5;
  }
  .agreement .btns button:first-child:before {
          border-left: 0;
  }
  .agreement .btns button:last-child {
          color: #E84C75;
  }
  
  @charset "UTF-8";
  .coupon-btn[data-v-57bb18f3] {
    background: linear-gradient(180deg, #FEC965 0%, #FFE065 100%);
    font-size: 18px;
    font-weight: blod;
    color: #AD7207;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 205px;
    border-radius: 28px;
    box-shadow: #EB445E 2px 3px 4px;
  }
  .giftbag-onpay--receive[data-v-57bb18f3] {
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(74, 74, 74, 0.78);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .giftbag-onpay--receive .content[data-v-57bb18f3] {
      opacity: initial;
      position: relative;
      width: 100%;
      height: 268px;
      transition: -webkit-animation;
      transition: animation;
      transition: animation, -webkit-animation;
      -webkit-animation: moveFromBottom 0.3s ease-out;
              animation: moveFromBottom 0.3s ease-out;
      background: url(https://img.yzcdn.cn/public_files/2018/04/10/e0928faab4f5bc1105ba0dbae51601b7.png);
      background-size: 100% 100%;
  }
  .giftbag-onpay--receive .content .close[data-v-57bb18f3] {
        position: absolute;
        top: 13px;
        right: 11px;
  }
  .giftbag-onpay--receive .content .title[data-v-57bb18f3] {
        position: absolute;
        top: 26px;
        color: #fff;
        font-size: 24px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
  }
  .giftbag-onpay--receive .content .coupon-btn[data-v-57bb18f3] {
        position: absolute;
        bottom: 36px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
  }
  .giftbag-onpay--receive .content .tip[data-v-57bb18f3] {
        position: absolute;
        bottom: 11px;
        color: #fff;
        font-size: 12px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
  }
  .giftbag-onpay--coupons[data-v-57bb18f3] {
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(74, 74, 74, 0.78);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .giftbag-onpay--coupons .content[data-v-57bb18f3] {
      position: relative;
      opacity: initial;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 261px;
      height: 248px;
      border-radius: 6px;
      background-image: linear-gradient(90deg, #F54F69 0%, #F54F69 100%);
      transition: -webkit-animation;
      transition: animation;
      transition: animation, -webkit-animation;
      -webkit-animation: scaleFromMini 0.3s ease-out;
              animation: scaleFromMini 0.3s ease-out;
      margin: 0 auto;
  }
  .giftbag-onpay--coupons .content .title[data-v-57bb18f3] {
        color: #fff;
        font-size: 18px;
        margin-top: 20px;
  }
  .giftbag-onpay--coupons .content .close[data-v-57bb18f3] {
        position: absolute;
        top: -27px;
        right: -8px;
  }
  .giftbag-onpay--coupons .content .coupon-list[data-v-57bb18f3] {
        margin: 25px 0 28px 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item[data-v-57bb18f3] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          background: no-repeat center/cover url("https://img.yzcdn.cn/public_files/2018/03/12/baf12876e94b5a4cd28d017c879d9dfe.png");
          border-radius: 4px;
          height: 54px;
          width: 216px;
          margin-bottom: 4px;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item[data-v-57bb18f3]:last-child {
            margin-bottom: 0;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item .value[data-v-57bb18f3] {
            position: relative;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            color: #F54C66;
            font-size: 22px;
            min-width: 73px;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item .value .min[data-v-57bb18f3] {
              position: relative;
              top: 3px;
              font-size: 14px;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item .value[data-v-57bb18f3]::before {
              content: "\FFE5";
              position: relative;
              top: 4px;
              font-size: 11px;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item .couponName[data-v-57bb18f3] {
            position: relative;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            color: #F54C66;
            font-size: 22px;
            min-width: 73px;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item .couponName .min[data-v-57bb18f3] {
              margin-top: 3px;
              font-size: 12px;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item .info[data-v-57bb18f3] {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding-left: 18px;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item .info .name[data-v-57bb18f3] {
              color: #222;
              font-size: 14px;
  }
  .giftbag-onpay--coupons .content .coupon-list .coupon-item .info .validity[data-v-57bb18f3] {
              color: #888;
              font-size: 10px;
              margin-top: 2px;
  }
  .giftbag-onpay--coupons .content .explain[data-v-57bb18f3] {
        font-size: 12px;
  }
  .giftbag-onpay--coupons .content .explain > a[data-v-57bb18f3] {
          color: rgba(255, 255, 255, 0.7);
  }
  .giftbag-onpay--coupons .content .explain .bt-icon-right[data-v-57bb18f3]::before {
          position: relative;
          top: -1px;
          color: rgba(255, 255, 255, 0.7);
          font-size: 10px;
  }
  .giftbag-onpay--coupons .content .coupon-btn[data-v-57bb18f3] {
        margin-top: 14px;
  }
  @-webkit-keyframes moveFromBottom {
  0% {
      bottom: -268px;
  }
  100% {
      bottom: 0;
  }
  }
  @keyframes moveFromBottom {
  0% {
      bottom: -268px;
  }
  100% {
      bottom: 0;
  }
  }
  @-webkit-keyframes scaleFromMini {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
  }
  }
  @keyframes scaleFromMini {
  0% {
      opacity: 0;
      -webkit-transform: scale(0.1);
              transform: scale(0.1);
  }
  100% {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1);
  }
  }
  
  .musk .cat[data-v-f6333dfa] {
    width: 100%;
    height: 435px;
  }
  .musk .cat .cat-position[data-v-f6333dfa] {
      width: 302px;
      height: 196px;
      float: right;
      margin-top: 4px;
      margin-right: 25px;
      background-image: url(//b.yzcdn.cn/beauty/wap/71c7adb64406f95bd8aebccca15a240c.png);
      background-size: contain;
  }
  .musk .musk-btn[data-v-f6333dfa] {
    width: 100%;
    height: 46px;
  }
  .musk .musk-btn .musk-btn-mid[data-v-f6333dfa] {
      margin: 0 auto;
      width: 85px;
      height: 44px;
      text-align: center;
      background: url(//b.yzcdn.cn/beauty/wap/d372dce3899450cbe3242ea4432299ed.png) no-repeat;
      background-size: contain;
  }
  
  .detail[data-v-2253842b] {
    position: relative;
  }
  .detail[data-v-2253842b]:before {
      content: ' ';
      display: inline-block;
      width: 6px;
      height: 6px;
      border: 1px solid #666;
      position: absolute;
      top: 50%;
      right: -7px;
      border-left: 0;
      border-bottom-width: 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-top: -4px;
  }
  .card-container[data-v-2253842b] {
    margin: 15px 10px;
    border-radius: 6px;
    overflow: hidden;
  }
  .ov-h[data-v-2253842b] {
    overflow: hidden;
  }
  
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .card-header[data-v-7b21281d] {
    position: relative;
    overflow: hidden;
  }
  .card-header .pd[data-v-7b21281d] {
    padding: 7px 10px;
  }
  .card-header.personal[data-v-7b21281d] {
    padding: 7px 10px;
  }
  .card-header.personal .pd[data-v-7b21281d] {
    padding: 0;
  }
  .card-header.personal .face[data-v-7b21281d] {
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
  }
  .card-header.personal .crown[data-v-7b21281d] {
    z-index: 1;
  }
  .card-header.personal .cnt[data-v-7b21281d] {
    border: 0;
  }
  .card-header.personal .cnt .id[data-v-7b21281d] {
    position: absolute;
    left: 21px;
    bottom: 12px;
    font-size: 11px;
    opacity: .7;
  }
  .card-header .cnt[data-v-7b21281d] {
    box-sizing: border-box;
    position: relative;
    height: 164px;
    padding: 10px 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    color: #FFF;
  }
  .card-header .cnt .shop[data-v-7b21281d] {
    line-height: 24px;
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 110px;
  }
  .card-header .cnt .shop p[data-v-7b21281d] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    word-break: break-all;
  }
  .card-header .cnt .shop img[data-v-7b21281d] {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    border: 1px solid #FFF;
    border-radius: 50%;
  }
  .card-header .cnt .detail[data-v-7b21281d] {
    margin-top: 34px;
    color: #fff;
  }
  .card-header .cnt .detail .mix-card .mix-card-name[data-v-7b21281d] {
    position: absolute;
    top: 86px;
    left: 21px;
    font-size: 20px;
    line-height: 28px;
    max-width: 213px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
  }
  .card-header .cnt .detail .mix-card .mix-card-times[data-v-7b21281d] {
    position: absolute;
    bottom: 35px;
    left: 21px;
    font-size: 14px;
  }
  .card-header .cnt .detail .mix-card .mix-card-id[data-v-7b21281d] {
    position: absolute;
    left: 21px;
    bottom: 12px;
    opacity: .7;
  }
  .card-header .cnt .detail .name[data-v-7b21281d] {
    position: absolute;
    top: 95px;
    left: 21px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    max-width: 213px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .card-header .cnt .detail .id[data-v-7b21281d] {
    position: absolute;
    left: 21px;
    bottom: 19px;
    opacity: .7;
  }
  .card-header .cnt .detail .right .price[data-v-7b21281d] {
    position: absolute;
    right: 23px;
    bottom: 37px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: white;
    line-height: 30px;
    font-size: 22px;
  }
  .card-header .cnt .detail .right .price span[data-v-7b21281d] {
    font-size: 12px;
  }
  .card-header .cnt .detail .right .zeng[data-v-7b21281d] {
    position: absolute;
    right: 23px;
    bottom: 19px;
    font-family: PingFangSC-Regular;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    background: rgba(0, 0, 0, 0.15);
    color: white;
    border-radius: 10px;
    padding: 3px 10px;
    margin-top: 2px;
  }
  .card-header .cnt .days[data-v-7b21281d] {
    position: absolute;
    top: 16px;
    right: 23px;
    font-size: 10px;
    opacity: .7;
  }
  .card-header.distribution-poster[data-v-7b21281d] {
    margin-top: 40px;
    border-radius: 6px;
    height: 160px;
  }
  .card-header.distribution-poster .pd[data-v-7b21281d] {
    padding: 8px;
  }
  .card-header.distribution-poster .crown[data-v-7b21281d] {
    position: absolute;
    width: 70px;
    height: 70px;
    right: 23px;
    top: 44px;
    opacity: 0.5;
  }
  .card-header.distribution-poster .crown img[data-v-7b21281d] {
    width: 100%;
    height: 100%;
  }
  .card-header.distribution-poster .cnt[data-v-7b21281d] {
    height: 144px;
  }
  .w200[data-v-6598db04] {
    width: 200px;
  }
  .lh20[data-v-6598db04] {
    line-height: 20px;
  }
  
  .card-container[data-v-791611df] {
    margin: 15px 10px;
    border-radius: 6px;
    overflow: hidden;
  }
  .ov-h[data-v-791611df] {
    overflow: hidden;
  }
  
  .logo[data-v-92736762] {
    width: 90px;
  }
  .detail[data-v-92736762] {
    position: relative;
  }
  .detail[data-v-92736762]:before {
      content: ' ';
      display: inline-block;
      width: 6px;
      height: 6px;
      border: 1px solid #666;
      position: absolute;
      top: 50%;
      right: -7px;
      border-left: 0;
      border-bottom-width: 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-top: -4px;
  }
  
  .confirm[data-v-018c4eba] {
      margin:0 auto 40px;
      text-align: center;
  }
  .confirm .msg[data-v-018c4eba] {
      margin-top: 6px;
      font-size: 15px;
  }
  
  .logo[data-v-5a3bb292] {
    width: 80px;
  }
  .w200[data-v-5a3bb292] {
    width: 200px;
  }
  
  ul li .right .arrow[data-v-c88f320c],
  .main .content .l .icon.time-card[data-v-c88f320c],
  .main .content .l .icon.value-card[data-v-c88f320c],
  .main .content .l .icon.discount-card[data-v-c88f320c] {
    background: url(//b.yzcdn.cn/beauty/wap/20cddc4efc122b588ca25ca880eb2c02.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * css涓夎褰�
  */
  div[data-v-c88f320c] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    text-align: left;
  }
  ul[data-v-c88f320c] {
    padding: 0 15px;
    background: #fff;
    margin-bottom: 10px;
  }
  ul li[data-v-c88f320c] {
    height: 46px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 0.5px solid #e5e5e5;
  }
  ul li[data-v-c88f320c]:last-child {
    border: none;
  }
  ul li input[data-v-c88f320c] {
    border: 0;
    outline: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-size: inherit;
    -webkit-tap-highlight-color: transparent;
    background: transparent;
    text-align: right;
    -webkit-text-fill-color: #222;
    opacity: 1;
  }
  ul li .left[data-v-c88f320c] {
    width: 20%;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    color: #888;
  }
  ul li .left .imp[data-v-c88f320c] {
    color: #E84C75;
  }
  ul li .right[data-v-c88f320c] {
    width: 70%;
    background: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  ul li .right .selects[data-v-c88f320c] {
    height: 100%;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  ul li .right .arrow[data-v-c88f320c] {
    background-position: -85px -85px;
    width: 6px;
    height: 10px;
    margin-right: 15px;
  }
  .main[data-v-c88f320c] {
    background: #FFFFFF;
  }
  .main .title[data-v-c88f320c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0 10px 15px;
    border: 0 solid #E5E5E5;
  }
  .main .title img[data-v-c88f320c] {
    width: 25px;
    height: 25px;
    border: 1px solid #ffffff;
    border-radius: 100%;
  }
  .main .title span[data-v-c88f320c] {
    margin-left: 5px;
  }
  .main .content[data-v-c88f320c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 12px 15px;
    background: #FAFAFA;
  }
  .main .content .l[data-v-c88f320c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .main .content .l .icon[data-v-c88f320c] {
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    color: #fff;
    margin-right: 10px;
    outline: 0.5px solid #f4f4f4;
  }
  .main .content .l .icon.time-card[data-v-c88f320c] {
    background-position: 0 0;
    background-color: #fff;
  }
  .main .content .l .icon.value-card[data-v-c88f320c] {
    background-position: -85px 0;
    background-color: #fff;
  }
  .main .content .l .icon.discount-card[data-v-c88f320c] {
    background-position: 0 -85px;
    background-color: #fff;
  }
  .main .content .l .zeng[data-v-c88f320c] {
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    border-radius: 1px;
    padding: 2px;
    margin: 7px 0;
  }
  .main .content .l .time[data-v-c88f320c] {
    font-size: 12px;
    color: #999999;
  }
  .main .content .r[data-v-c88f320c] {
    text-align: right;
  }
  .main .content .r .out-price[data-v-c88f320c] {
    font-size: 12px;
    color: #999;
    margin-top: 7px;
    text-decoration: line-through;
  }
  .main .content .r .groupon-label[data-v-c88f320c] {
    min-width: 35px;
    height: 13px;
    line-height: 13px;
    box-sizing: border-box;
    font-size: 9px;
    margin-top: 7px;
    text-align: center;
    float: right;
  }
  .main .sum[data-v-c88f320c] {
    padding-right: 15px;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    text-align: right;
  }
  .main .sum span[data-v-c88f320c] {
    font-size: 14px;
  }
  .pay[data-v-c88f320c] {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    color: #FFFFFF;
    line-height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .pay .price[data-v-c88f320c] {
    font-family: PingFangSC-Medium;
    width: 60%;
    background: #ffffff;
    text-align: right;
    padding-right: 10px;
    color: #666;
  }
  .pay .price span.integer[data-v-c88f320c] {
    font-size: 16px;
  }
  .pay .price span.float[data-v-c88f320c] {
    font-size: 12px;
  }
  .pay .btn[data-v-c88f320c] {
    font-family: PingFangSC-Medium;
    width: 40%;
    text-align: center;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  ul li .right .arrow[data-v-c88f320c],
    .main .content .l .icon.time-card[data-v-c88f320c],
    .main .content .l .icon.value-card[data-v-c88f320c],
    .main .content .l .icon.discount-card[data-v-c88f320c] {
      background-image: url(//b.yzcdn.cn/beauty/wap/e7f267c7b4b7648e2d6891b066bd2dc5.png);
      background-size: 160px 160px;
  }
  }
  .confirm[data-v-041e38dd] {
    margin: 23px auto 40px;
  }
  .confirm p[data-v-041e38dd] {
      text-align: center;
      font-size: 15px;
      color: #222222;
      margin-bottom: 5px;
  }
  /* sprite-loader-enable */
  .right-price[data-v-87a0e2d6] {
    font-size: 14px;
  }
  .rights[data-v-87a0e2d6] {
    max-height: 500px;
    overflow: auto;
  }
  .rights li[data-v-87a0e2d6] {
    height: 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    font-size: 14px;
  }
  .rights li[data-v-87a0e2d6]:before {
    border-bottom: 1px solid #e5e5e5;
  }
  .rights li .cnt[data-v-87a0e2d6] {
    width: 100%;
    box-sizing: border-box;
    padding-right: 30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .rights li .cnt .top[data-v-87a0e2d6],
  .rights li .cnt .down[data-v-87a0e2d6] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .rights li .cnt .top .rights-name[data-v-87a0e2d6],
  .rights li .cnt .down .rights-name[data-v-87a0e2d6] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-right: 10px;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
  }
  .rights li .cnt .top .rights-scope[data-v-87a0e2d6],
  .rights li .cnt .down .rights-scope[data-v-87a0e2d6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
  }
  .rights li .cnt .top .rights-value[data-v-87a0e2d6],
  .rights li .cnt .top .valid-date[data-v-87a0e2d6],
  .rights li .cnt .down .rights-value[data-v-87a0e2d6],
  .rights li .cnt .down .valid-date[data-v-87a0e2d6] {
    white-space: nowrap;
  }
  .rights li .cnt .top .zen[data-v-87a0e2d6] {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    font-size: 12px;
    padding: 1px;
  }
  .rights li .cnt .down[data-v-87a0e2d6] {
    margin-top: 6px;
    color: #999;
    font-size: 12px;
  }
  .rights li .value[data-v-87a0e2d6] {
    margin-right: 26px;
    text-align: right;
  }
  .rights li .check[data-v-87a0e2d6] {
    display: none;
    position: absolute;
    right: 15px;
    top: 17px;
    width: 24px;
    height: 24px;
    font-size: 24px;
  }
  .rights li.active .check[data-v-87a0e2d6] {
    display: block;
  }
  .link-selector[data-v-2389f4b5] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    height: 60px;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 14px;
  }
  .link-selector .title[data-v-2389f4b5] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .link-selector .title span[data-v-2389f4b5] {
        margin-left: 6px;
        color: #333;
  }
  .link-selector .content[data-v-2389f4b5] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #c7c7c7;
      text-align: right;
      white-space: nowrap;
  }
  .link-selector .content svg[data-v-2389f4b5] {
        margin-left: 6px;
  }
  .link-selector .content .empty[data-v-2389f4b5] {
        width: 14px;
        height: 14px;
  }
  
  .cat .arrow[data-v-436ca0fc] {
    background: url(//b.yzcdn.cn/beauty/wap/628514503007e9c375f690886a403540.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .view[data-v-436ca0fc] {
    margin-bottom: 60px;
  }
  .cat[data-v-436ca0fc] {
    padding: 15px 15px 0 15px;
    height: 45px;
    overflow: hidden;
    transition: heigit 0.4s;
  }
  .cat ul[data-v-436ca0fc] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: calc(100% - 18px);
  }
  .cat ul li[data-v-436ca0fc] {
    height: 30px;
    padding: 0 16px;
    line-height: 30px;
    margin: 0 15px 15px 0;
    text-align: center;
    background: #fff;
    border-radius: 15px;
    color: #E74C75;
  }
  .cat ul li[data-v-436ca0fc]:before {
    border: 1px solid #e5e5e5;
    border-radius: 30px;
  }
  .cat ul li.active[data-v-436ca0fc] {
    color: #fff;
    background: #E74C75;
  }
  .cat ul li.active[data-v-436ca0fc]:before {
    border-color: #E74C75;
  }
  .cat .arrow[data-v-436ca0fc] {
    width: 15px;
    height: 9px;
    right: 15px;
    top: 23px;
    background-position: 0 0;
  }
  .cat.open[data-v-436ca0fc] {
    height: auto;
  }
  .cat.open .arrow[data-v-436ca0fc] {
    top: auto;
    bottom: 23px;
    -webkit-transform: rotateZ(180deg);
        -ms-transform: rotate(180deg);
            transform: rotateZ(180deg);
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .cat .arrow[data-v-436ca0fc] {
      background-image: url(//b.yzcdn.cn/beauty/wap/deb8688af1bf628758fd44e507a6a865.png);
      background-size: 15px 9px;
  }
  }
  .view[data-v-5bc2983a] {
    height: 100%;
    width: 100%;
    position: absolute;
  }
  #map-container[data-v-5bc2983a] {
    height: calc(100% - 136px);
  }
  .tool[data-v-5bc2983a] {
    box-sizing: border-box;
    width: 100%;
    height: 136px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 15px 0 15px;
    background: #fff;
  }
  .tool h3[data-v-5bc2983a] {
      font-size: 15px;
  }
  .tool p[data-v-5bc2983a] {
      margin: 8px 0 22px 0;
      font-size: 13px;
      color: #666;
  }
  .tool .btns[data-v-5bc2983a] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .tool .btns a[data-v-5bc2983a] {
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        line-height: 38px;
        text-align: center;
        color: #e74c75;
        font-size: 15px;
  }
  .tool .btns a[data-v-5bc2983a]:first-child {
          margin-right: 8px;
  }
  .tool .btns a[data-v-5bc2983a]:last-child {
          margin-left: 8px;
  }
  .tool .btns a[data-v-5bc2983a]:before {
          border: 1px solid #e74c75;
          border-radius: 40px;
  }
  
  .address[data-v-cbcd0bd6] {
    width: 200px;
    line-height: 20px;
  }
  
  .pay-logo[data-v-75e48b7b] {
    width: 90px;
  }
  .book-arrow[data-v-75e48b7b] {
    position: relative;
  }
  .book-arrow[data-v-75e48b7b]:before {
      content: ' ';
      display: inline-block;
      width: 6px;
      height: 6px;
      border: 1px solid #666;
      position: absolute;
      top: 50%;
      right: -7px;
      border-left: 0;
      border-bottom-width: 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-top: -4px;
  }
  .btn-main[data-v-75e48b7b] {
    border-radius: 100px;
  }
  .btn[data-v-75e48b7b] {
    display: inline-block;
    border-radius: 100px;
    text-align: center;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .border-none[data-v-0bf6a095]:after {
    border: 0 !important;
  }
  .panel[data-v-0bf6a095] {
    background: #fff;
  }
  .panel .hd[data-v-0bf6a095] {
      height: 44px;
      padding: 0 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .panel .hd .ico-vip[data-v-0bf6a095] {
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        border-radius: 100%;
  }
  .panel .hd .ico-arrow[data-v-0bf6a095] {
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 2px solid #999;
        border-left-width: 0;
        border-bottom-width: 0;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        margin-left: 5px;
  }
  .panel .hd .title[data-v-0bf6a095] {
        font-size: 14px;
        color: #333;
        margin-left: 8px;
  }
  .panel .bd[data-v-0bf6a095] {
      background: #fafafa;
      padding: 15px;
      position: relative;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .panel .bd .img[data-v-0bf6a095] {
        margin-right: 10px;
  }
  .panel .bd .img img[data-v-0bf6a095] {
          display: block;
          width: 75px;
          height: 75px;
  }
  .panel .bd .card[data-v-0bf6a095] {
        width: 75px;
        height: 75px;
        color: #fff;
        text-align: center;
        line-height: 75px;
  }
  .panel .bd .summary[data-v-0bf6a095] {
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        position: relative;
        padding-top: 5px;
  }
  .panel .bd .summary .top[data-v-0bf6a095] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
  }
  .panel .bd .summary .top .title[data-v-0bf6a095] {
            font-size: 14px;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            width: 4.2rem;
            margin-bottom: 8px;
  }
  .panel .bd .summary .top .price[data-v-0bf6a095] {
            font-size: 14px;
            color: #333;
  }
  .panel .bd .summary .complex[data-v-0bf6a095] {
          color: #999;
          font-size: 12px;
          padding-top: 5px;
  }
  .panel .bd .summary .time[data-v-0bf6a095] {
          position: absolute;
          bottom: 0;
  }
  .panel .bd .summary .staff[data-v-0bf6a095] {
          color: #999;
  }
  .panel .ft[data-v-0bf6a095] {
      padding: 0 15px;
      height: 44px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 20px;
      font-size: 14px;
  }
  .panel .ft span[data-v-0bf6a095] {
        line-height: 20px;
  }
  .panel .ft .yen[data-v-0bf6a095] {
        font-size: 12px;
        margin-right: 2px;
  }
  .panel .ft .amount[data-v-0bf6a095] {
        font-weight: 500;
  }
  .panel .et[data-v-0bf6a095] {
      height: 44px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-right: 20px;
  }
  .panel .et span[data-v-0bf6a095] {
        font-size: 14px;
        line-height: 20px;
        color: #666;
  }
  .panel .et .yen[data-v-0bf6a095] {
        font-size: 12px;
        color: #E84C75;
        margin-right: 2px;
  }
  .panel .et .amount[data-v-0bf6a095] {
        color: #E84C75;
        font-weight: 500;
  }
  .reserve-detail[data-v-0bf6a095] {
    padding-bottom: 60px;
  }
  .reserve-detail .panel-detail .bd[data-v-0bf6a095] {
      height: 80px;
      padding: 20px;
      box-sizing: border-box;
      background: #fff;
  }
  .reserve-detail .panel-detail .bd .ico[data-v-0bf6a095] {
        width: 40px;
        height: 40px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 10px;
  }
  .reserve-detail .panel-detail .bd .ico-cancel[data-v-0bf6a095] {
        background-image: url(//b.yzcdn.cn/beauty/wap/9238b16dc9480704de306dc02f1b6609.png);
  }
  .reserve-detail .panel-detail .bd .ico-processing[data-v-0bf6a095] {
        background-image: url(//b.yzcdn.cn/beauty/wap/9238b16dc9480704de306dc02f1b6609.png);
  }
  .reserve-detail .panel-detail .bd .ico-reserve[data-v-0bf6a095] {
        background-image: url(//b.yzcdn.cn/beauty/wap/caab7a92f5885822344d192626e302f0.png);
  }
  .reserve-detail .panel-detail .bd .summary .title[data-v-0bf6a095] {
        margin-top: 3px;
        margin-bottom: 5px;
  }
  .reserve-detail .reserve-content .duration[data-v-0bf6a095] {
      color: #999;
      margin-top: 1px;
      font-size: 12px;
  }
  .reserve-detail .reserve-content .brand[data-v-0bf6a095] {
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .reserve-detail .reserve-content .reserve-brand[data-v-0bf6a095] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .reserve-detail .reserve-content .reserve-brand span[data-v-0bf6a095] {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
  }
  .reserve-detail .reserve-content .reserve-brand .arrow[data-v-0bf6a095] {
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 2px solid #999;
        border-left-width: 0;
        border-bottom-width: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-left: 5px;
  }
  .reserve-detail .reserve-content .reserve-shop[data-v-0bf6a095] {
      font-size: 12px;
      color: #666;
      max-width: 100px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  .reserve-detail .reserve-content .coupon-info[data-v-0bf6a095] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-flow: column;
          -ms-flex-flow: column;
              flex-flow: column;
      text-align: right;
  }
  .reserve-detail .reserve-content .cell-form.no-border[data-v-0bf6a095]::before {
      border: none;
  }
  .reserve-detail .reserve-content .text-1[data-v-0bf6a095] {
      height: 14px;
      line-height: 14px;
      font-size: 14px;
  }
  .reserve-detail .reserve-content .text-2[data-v-0bf6a095] {
      height: 17px;
      line-height: 17px;
      font-size: 12px;
      color: #666;
      margin-top: 3px;
  }
  .reserve-detail .reserve-content .mobile[data-v-0bf6a095] {
      color: #999;
      margin-top: 1px;
      font-size: 12px;
  }
  .reserve-detail .reserve-content .remark[data-v-0bf6a095] {
      height: auto;
      padding: 10px 0;
      min-height: 44px;
      box-sizing: border-box;
  }
  .reserve-detail .panel-number-datetime[data-v-0bf6a095] {
      padding: 15px;
      background: #fff;
      font-size: 12px;
      color: #999;
      position: relative;
      margin-top: 10px;
  }
  .reserve-detail .panel-number-datetime[data-v-0bf6a095]:before {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
  }
  .reserve-detail .panel-number-datetime p[data-v-0bf6a095] {
        margin-bottom: 8px;
  }
  .reserve-detail .panel-number-datetime p[data-v-0bf6a095]:last-child {
        margin-bottom: 0;
  }
  .reserve-detail .panel-number-datetime .btn-mini[data-v-0bf6a095] {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 10;
  }
  .reserve-detail .cell-form-cashier .form-group[data-v-0bf6a095] {
      height: 30px;
      line-height: 30px;
      margin-bottom: 7px;
      margin-top: -7px;
  }
  .reserve-detail .cell-form-cashier .form-group[data-v-0bf6a095]:first-child, .reserve-detail .cell-form-cashier .form-group.border-top[data-v-0bf6a095] {
        padding-top: 7px;
        margin-top: 0px;
  }
  .reserve-detail .cell-form-cashier .form-group[data-v-0bf6a095]:last-child {
        padding-bottom: 7px;
  }
  .reserve-detail .contact-group[data-v-0bf6a095] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .reserve-detail .contact-group .form-text[data-v-0bf6a095] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
  }
  .reserve-detail .contact-group .icon[data-v-0bf6a095] {
        font-size: 15px;
        margin-top: -1px;
        margin-right: 7px;
        line-height: 30px;
  }
  .reserve-detail .contact-group .form-text[data-v-0bf6a095]:not(:last-child) {
        border-right: 0.5px solid #f2f2f2;
  }
  .reserve-detail .unpay-wrap span[data-v-0bf6a095] {
      vertical-align: middle;
  }
  .reserve-detail .unpay-wrap span.unpay-label[data-v-0bf6a095] {
        display: inline-block;
        margin-right: 10px;
        min-width: 35px;
        height: 13px;
        line-height: 13px;
        box-sizing: border-box;
        font-size: 9px;
        text-align: center;
  }
  .reserve-detail .special-item .item-label[data-v-0bf6a095] {
      position: absolute;
      font-size: 14px;
      line-height: 30px;
  }
  .reserve-detail .special-item .form-group[data-v-0bf6a095] {
      margin-left: 40px;
  }
  .reserve-detail .special-item .form-group .form-label[data-v-0bf6a095] {
        width: auto;
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
  }
  .reserve-detail .special-item .form-group[data-v-0bf6a095]:last-child {
        padding: 0;
  }
  .reserve-detail .c-green[data-v-0bf6a095] {
      color: #44BB00;
  }
  .reserve-detail .border-top[data-v-0bf6a095] {
      border-top: 0.5px solid #e5e5e5;
  }
  .reserve-detail .bottom-area[data-v-0bf6a095] {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 50px;
      background: #fff;
      padding: 10px 16px;
      box-sizing: border-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      z-index: 1988;
  }
  .reserve-detail .bottom-area[data-v-0bf6a095]:before {
        border: 1px solid #e5e5e5;
  }
  .reserve-detail .bottom-area .btn-sm[data-v-0bf6a095] {
        margin-right: 5px;
  }
  .reserve-detail .bottom-area .btn-sm .link[data-v-0bf6a095] {
          color: #666;
  }
  .reserve-detail .bottom-area .btn-sm[data-v-0bf6a095]:last-child {
        margin-right: 0;
  }
  .reverse-walking[data-v-0bf6a095] {
    font-size: 10px;
    border-radius: 2px;
    color: #fff;
    margin-right: 10px;
    padding: 1px 3px 1px 4px;
    text-align: center;
  }
  
  .cancel-sheet .mask[data-v-02c93b1f] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity .3s;
    z-index: 1988;
  }
  .cancel-sheet .mask-hide[data-v-02c93b1f] {
    opacity: 0;
    display: none;
  }
  .cancel-sheet .content[data-v-02c93b1f] {
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    z-index: 1989;
  }
  .cancel-sheet .content .hd[data-v-02c93b1f] {
      height: 44px;
      color: #333;
      font-size: 14px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
  }
  .cancel-sheet .content .hd[data-v-02c93b1f]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .cancel-sheet .content .hd .ico-close[data-v-02c93b1f] {
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        background: url(//b.yzcdn.cn/beauty/wap/81769be4b1207dde32f4119c03bcf324.png) center no-repeat;
        background-size: contain;
        right: 15px;
        top: 50%;
        margin-top: -10px;
  }
  .cancel-sheet .content .bd .items[data-v-02c93b1f] {
      padding-left: 20px;
      background: #f6f6f6;
  }
  .cancel-sheet .content .bd .items dl[data-v-02c93b1f] {
        height: 60px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 17px;
        color: #333;
  }
  .cancel-sheet .content .bd .items dl[data-v-02c93b1f]:before {
          border-bottom: 1px solid #e5e5e5;
  }
  .cancel-sheet .content .bd .items dl dt[data-v-02c93b1f] {
          width: 23px;
          height: 23px;
          border: 1px solid #c9c9c9;
          box-sizing: border-box;
          border-radius: 50%;
          margin-right: 21px;
          position: relative;
  }
  .cancel-sheet .content .bd .items dl dt[data-v-02c93b1f]:after {
            content: ' ';
            width: 12px;
            height: 5px;
            border: 2px solid #fff;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -4px;
            margin-left: -7px;
            border-top-width: 0;
            border-right-width: 0;
            -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
            border-radius: 2px;
            opacity: 0;
  }
  .cancel-sheet .content .bd .items dl dt.on[data-v-02c93b1f] {
            background: #E84C75;
            border: 0;
  }
  .cancel-sheet .content .bd .items dl dt.on[data-v-02c93b1f]:after {
              opacity: 1;
  }
  .cancel-sheet .content .bd .items label:last-child dl[data-v-02c93b1f]:before {
        border-bottom: 0;
  }
  .cancel-sheet .content-hide[data-v-02c93b1f] {
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
  }
  .van-icon,.van-icon::before{display:inline-block}@font-face{font-family:vant-icon;src:url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.eot);src:url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.woff2) format('woff2'),url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.woff) format('woff'),url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.ttf) format('truetype')}.van-icon::before{font-family:vant-icon!important;font-style:normal;font-weight:400;speak:none;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.van-icon-qr-invalid:before{content:'\E800'}.van-icon-qr:before{content:'\E801'}.van-icon-exchange:before{content:'\E802'}.van-icon-close:before{content:'\E803'}.van-icon-location:before{content:'\E804'}.van-icon-upgrade:before{content:'\E805'}.van-icon-check:before{content:'\E806'}.van-icon-checked:before{content:'\E807'}.van-icon-like-o:before{content:'\E808'}.van-icon-like:before{content:'\E809'}.van-icon-chat:before{content:'\E80A'}.van-icon-shop:before{content:'\E80B'}.van-icon-photograph:before{content:'\E80C'}.van-icon-add:before{content:'\E80D'}.van-icon-add2:before{content:'\E80E'}.van-icon-photo:before{content:'\E80F'}.van-icon-logistics:before{content:'\E810'}.van-icon-edit:before{content:'\E811'}.van-icon-passed:before{content:'\E812'}.van-icon-arrow:before{content:'\E814'}.van-icon-gift:before{content:'\E815'}.van-icon-search:before{content:'\E816'}.van-icon-clear:before{content:'\E817'}.van-icon-success:before{content:'\E818'}.van-icon-fail:before{content:'\E819'}.van-icon-contact:before{content:'\E81A'}.van-icon-wechat:before{content:'\E81B'}.van-icon-alipay:before{content:'\E81C'}.van-icon-password-view:before{content:'\E81D'}.van-icon-password-not-view:before{content:'\E81E'}.van-icon-wap-nav:before{content:'\E81F'}.van-icon-wap-home:before{content:'\E820'}.van-icon-ecard-pay:before{content:'\E821'}.van-icon-balance-pay:before{content:'\E822'}.van-icon-peer-pay:before{content:'\E823'}.van-icon-credit-pay:before{content:'\E824'}.van-icon-debit-pay:before{content:'\E825'}.van-icon-other-pay:before{content:'\E826'}.van-icon-cart:before{content:'\E827'}.van-icon-browsing-history:before{content:'\E828'}.van-icon-goods-collect:before{content:'\E829'}.van-icon-shop-collect:before{content:'\E82A'}.van-icon-receive-gift:before{content:'\E82B'}.van-icon-send-gift:before{content:'\E82C'}.van-icon-setting:before{content:'\E82D'}.van-icon-points:before{content:'\E82E'}.van-icon-free-postage:before{content:'\E830'}.van-icon-discount:before{content:'\E831'}.van-icon-birthday-privilege:before{content:'\E832'}.van-icon-member-day-privilege:before{content:'\E833'}.van-icon-balance-details:before{content:'\E834'}.van-icon-cash-back-record:before{content:'\E835'}.van-icon-points-mall:before{content:'\E836'}.van-icon-exchange-record:before{content:'\E837'}.van-icon-pending-payment:before{content:'\E838'}.van-icon-pending-orders:before{content:'\E839'}.van-icon-pending-deliver:before{content:'\E83A'}.van-icon-pending-evaluate:before{content:'\E83B'}.van-icon-gift-card-pay:before{content:'\E83C'}.van-icon-cash-on-deliver:before{content:'\E83D'}.van-icon-underway:before{content:'\E83E'}.van-icon-point-gift:before{content:'\E83F'}.van-icon-after-sale:before{content:'\E840'}.van-icon-edit-data:before{content:'\E841'}.van-icon-question:before{content:'\E842'}.van-icon-delete:before{content:'\E843'}.van-icon-records:before{content:'\E844'}.van-icon-description:before{content:'\E845'}.van-icon-card:before{content:'\E846'}.van-icon-gift-card:before{content:'\E847'}.van-icon-coupon:before{content:'\E848'}.van-icon-clock:before{content:'\E849'}.van-icon-gold-coin:before{content:'\E84A'}.van-cell{width:100%;display:table;position:relative;padding:10px 15px 10px 0;box-sizing:border-box;line-height:24px;background-color:#fff;color:#333;font-size:14px;text-decoration:none;overflow:hidden}.van-cell-group::after,.van-cell::after{content:'';top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none}.van-cell::after{position:absolute;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;border-bottom:1px solid #e5e5e5}.van-cell:last-child::after{border-bottom:0}.van-cell-group{padding-left:15px;position:relative;background-color:#fff}.van-cell-group::after{position:absolute;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.van-cell__title{display:table-cell}.van-cell__label{display:block;font-size:12px;line-height:1.2;color:#666}.van-cell__value{display:table-cell;text-align:right;vertical-align:middle;overflow:hidden}.van-cell__value--link{padding-right:20px}.van-cell__value--alone{text-align:left}.van-cell--required{overflow:visible}.van-cell--required::before{content:'*';position:absolute;left:-7px;font-size:14px;color:#f44}.van-cell--required .van-cell__title{float:none;display:inline-block}.van-cell__right-icon{position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#999;font-size:12px}
  .panel .van-cell-group[data-v-a5083b22]::after {
    width: calc( 200% - 60px);
    margin-left: 15px;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .date-picker[data-v-767087a0] {
    margin: 0 auto;
  }
  .date-picker.popup-picker[data-v-767087a0] {
      width: 335px;
  }
  .date-picker .time-picker .months-tab[data-v-767087a0] {
      height: 50px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .date-picker .time-picker .months-tab .months[data-v-767087a0] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        box-sizing: border-box;
        color: #999;
  }
  .date-picker .time-picker .months-tab .months li[data-v-767087a0] {
          position: relative;
          width: 20%;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 12px;
  }
  .date-picker .time-picker .months-tab .months li [data-v-767087a0]:nth-child(2) {
            margin-top: 3px;
  }
  .date-picker .time-picker .months-tab .months li.active[data-v-767087a0]:after {
            content: '';
            width: 0;
            height: 0;
            border-bottom: 6px solid #fff;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            position: absolute;
            bottom: 0;
  }
  .date-picker .time-picker .months-tab .months .more[data-v-767087a0] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 67px;
  }
  .date-picker .time-picker .months-tab .months .more span[data-v-767087a0] {
            margin-top: 3px;
  }
  .date-picker .time-picker .times[data-v-767087a0] {
      background: #fff;
      padding-bottom: 50px;
      border-radius: 3%;
      overflow: scroll;
  }
  .date-picker .time-picker .times.popup[data-v-767087a0] {
        height: 340px;
  }
  .date-picker .time-picker .times.content[data-v-767087a0] {
        height: 180px;
  }
  .date-picker .time-picker .times li[data-v-767087a0] {
        width: 20%;
        font-size: 15px;
        color: #222;
        text-align: center;
        position: relative;
        display: inline-block;
        margin-top: 12px;
        padding-bottom: 5px;
        float: left;
        height: 26px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
  }
  .date-picker .time-picker .times li.active[data-v-767087a0] {
          color: #222 !important;
          text-decoration: none !important;
  }
  .date-picker .time-picker .times li.disable[data-v-767087a0] {
          color: #ccc;
  }
  .date-picker .time-picker .times li.hasReserve[data-v-767087a0] {
          text-decoration: line-through;
  }
  .date-picker .time-picker .times li .next[data-v-767087a0] {
          font-size: 12px;
  }
  .date-picker .time-picker .times li .line-active[data-v-767087a0] {
          bottom: 0;
          left: 0;
          position: absolute;
          width: 100%;
          border-width: 1px;
          border-style: solid;
  }
  .date-picker .time-picker .times li .arrive[data-v-767087a0] {
          position: absolute;
          bottom: -9px;
          z-index: 10;
          padding: 2px 10px;
          height: 16px;
          border-radius: 20px;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -ms-grid-column-align: center;
              justify-items: center;
          vertical-align: middle;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
  }
  .date-picker .time-picker .times li .arrive span[data-v-767087a0] {
            font-size: 16px;
  }
  .bar[data-v-767087a0] {
    width: 100%;
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bar .msg[data-v-767087a0] {
      position: relative;
      border-radius: 0;
      width: 60%;
      background: #fff;
      font-size: 14px;
      color: #222;
      line-height: 50px;
      text-align: center;
  }
  .bar .msg[data-v-767087a0]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .bar .msg > *[data-v-767087a0] {
        position: relative;
  }
  .bar .msg[data-v-767087a0]:before {
        border-top: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-767087a0]:before {
        border-right: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-767087a0]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-767087a0]:before {
        border-left: 1px solid #e5e5e5;
  }
  .bar .btn[data-v-767087a0] {
      width: 40%;
      font-size: 16px;
      color: #fff;
  }
  .bar .disable_confirm[data-v-767087a0] {
      opacity: .6;
      pointer-events: none;
  }
  
  .month-picker .header[data-v-4dd73732] {
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #F6F6F6;
    font-size: 14px;
    color: #222;
  }
  .month-picker .content[data-v-4dd73732] {
    background: #fff;
    padding: 10px;
  }
  .month-picker .content section[data-v-4dd73732]:not(:first-child) {
      margin-top: 10px;
  }
  .month-picker .content section .month[data-v-4dd73732] {
      overflow: hidden;
  }
  .month-picker .content section .month div[data-v-4dd73732] {
        float: right;
  }
  .month-picker .content section ul[data-v-4dd73732] {
      overflow: hidden;
  }
  .month-picker .content section ul li[data-v-4dd73732] {
        float: left;
        border-radius: 2px;
        width: 12.5%;
        height: 40px;
        margin-top: 8px;
        margin-right: 2%;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        text-align: center;
        line-height: 40px;
        box-sizing: border-box;
  }
  .month-picker .content section ul li[data-v-4dd73732]:nth-child(7n+7) {
          margin-right: 0;
  }
  .month-picker .content section ul li.normal[data-v-4dd73732] {
          background: #fff;
          color: #333;
          border: 1px solid #CACACA;
  }
  .month-picker .content section ul li.disabled[data-v-4dd73732] {
          border: 1px solid #CACACA;
          color: #C7C7C7;
          background: #F7F7F7;
  }
  .month-picker .content section ul li.hidden[data-v-4dd73732] {
          visibility: hidden;
  }
  .month-picker .content section ul li.active[data-v-4dd73732] {
          border: 1px solid #CACACA;
  }
  
  .staffpicker .header[data-v-284962d2] {
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    font-family: PingFangSC-Light;
    color: #999999;
  }
  .staffpicker .picker[data-v-284962d2] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 500px;
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #333;
    background: #fff;
  }
  .staffpicker .picker .group[data-v-284962d2] {
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      width: 25%;
      border-right: 1px solid #e5e5e5;
  }
  .staffpicker .picker .group .date[data-v-284962d2] {
        height: 55px;
        line-height: 55px;
        padding-left: 15px;
        border-bottom: 1px solid #e5e5e5;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80%;
  }
  .staffpicker .picker .group .selected[data-v-284962d2] {
        color: #E84C75;
  }
  .staffpicker .picker .staffs[data-v-284962d2] {
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      width: 75%;
  }
  .staffpicker .picker .staffs .empty[data-v-284962d2] {
        color: #c7c7c7;
        margin-top: 20px;
        text-align: center;
  }
  .staffpicker .picker .staffs .time[data-v-284962d2] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        height: 55px;
        padding: 0 15px;
        border-bottom: 1px solid #e5e5e5;
  }
  .staffpicker .picker .staffs .time .title[data-v-284962d2] {
          font-family: PingFangSC-Light;
          font-size: 14px;
          color: #C7C7C7;
          margin-right: 15px;
  }
  .staffpicker .picker .staffs .time img[data-v-284962d2] {
          height: 13px;
          width: 10px;
  }
  .staffpicker .confirm[data-v-284962d2] {
    width: 100%;
    height: 50px;
    background: #E84C75;
    text-align: center;
    line-height: 50px;
  }
  
  .skupicker .header[data-v-80626696] {
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    font-family: PingFangSC-Light;
    color: #999999;
  }
  .skupicker .disable_confirm[data-v-80626696] {
    opacity: .6;
    pointer-events: none;
  }
  
  .exp[data-v-23fa1728] {
    margin-top: 8px;
    width: 36px;
    height: 16px;
    color: #fff;
    background: #e74c75;
    border-radius: 2px;
    line-height: 16px;
    text-align: center;
  }
  .setBetween[data-v-23fa1728] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 1px;
  }
  .together[data-v-23fa1728] {
    border: 0.5px solid #E74C75;
    border-radius: 2px;
    padding: 1px 2px;
    font-size: 10px;
    color: #E74C75;
    text-align: center;
  }
  .bd[data-v-23fa1728] {
    background: #fafafa;
    padding: 15px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bd .img[data-v-23fa1728] {
      margin-right: 10px;
  }
  .bd .img img[data-v-23fa1728] {
        display: block;
        width: 75px;
        height: 75px;
  }
  .bd .card[data-v-23fa1728] {
      width: 75px;
      height: 75px;
      color: #fff;
      text-align: center;
      line-height: 75px;
  }
  .bd .summary[data-v-23fa1728] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      position: relative;
      padding-top: 5px;
  }
  .bd .summary .top[data-v-23fa1728] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .bd .summary .top .title[data-v-23fa1728] {
          font-size: 14px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          width: 4.2rem;
          margin-bottom: 8px;
  }
  .bd .summary .top .price[data-v-23fa1728] {
          font-size: 14px;
          color: #333;
  }
  .bd .summary .complex[data-v-23fa1728] {
        color: #999;
        font-size: 12px;
        padding-top: 5px;
  }
  .bd .summary .time[data-v-23fa1728] {
        position: absolute;
        bottom: 0;
  }
  .bd .summary .staff[data-v-23fa1728] {
        color: #999;
  }
  
  .sku-content[data-v-0981e3e2] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fafafa;
    padding: 15px;
  }
  .sku-content img[data-v-0981e3e2] {
      display: block;
      margin-right: 10px;
      float: left;
      width: 75px;
      height: 75px;
  }
  .sku-content .summary[data-v-0981e3e2] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      position: relative;
      padding-top: 5px;
      font-size: 14px;
      color: #333;
  }
  .sku-content .summary .top[data-v-0981e3e2] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .sku-content .summary .top .title[data-v-0981e3e2] {
          font-size: 14px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 4.2rem;
          margin-bottom: 8px;
  }
  .sku-content .summary .top .price[data-v-0981e3e2] {
          font-size: 14px;
          color: #333;
  }
  .sku-content .summary .complex[data-v-0981e3e2] {
        color: #999;
        font-size: 12px;
  }
  .sku-content .summary .complex .unpay-label[data-v-0981e3e2] {
          float: right;
          width: 45px;
          height: 15px;
          line-height: 15px;
          box-sizing: border-box;
          font-size: 10px;
          text-align: center;
          margin-top: 5px;
  }
  .sku-content .summary .exp[data-v-0981e3e2] {
        margin-top: 8px;
        width: 36px;
        height: 16px;
        color: #fff;
        background: #e74c75;
        border-radius: 2px;
        line-height: 16px;
        text-align: center;
  }
  .sku-content .summary .time[data-v-0981e3e2] {
        position: absolute;
        bottom: 0;
  }
  .sku-content .summary .staff[data-v-0981e3e2] {
        color: #999;
  }
  
  .quick-content[data-v-18a8ecb2] {
    background: #fafafa;
    padding: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .quick-content img[data-v-18a8ecb2] {
      display: block;
      margin-right: 10px;
      float: left;
      width: 75px;
      height: 75px;
  }
  .quick-content .summary[data-v-18a8ecb2] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      position: relative;
      padding-top: 5px;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #333;
  }
  
  .content[data-v-206e826c] {
    line-height: 30px;
    width: 70%;
    margin: 20px auto;
    height: auto;
    text-align: center;
    font-family: PingFangSC-Regular;
    color: #222;
    font-size: 15px;
  }
  
  .reserve-list .no-more-text[data-v-e722fa3c] {
    font-size: 12px;
    color: #BFBFC3;
    text-align: center;
    padding: 20px 0;
  }
  .reserve-list .bottom[data-v-e722fa3c] {
    position: absolute;
    width: 100%;
    bottom: 0;
    box-sizing: border-box;
  }
  .reserve-list .tabs[data-v-e722fa3c] {
    height: 100%;
  }
  .reserve-list .tabs .panels[data-v-e722fa3c] {
      position: relative;
      padding-bottom: 130px;
      min-height: calc(100% - 174px);
  }
  
  .blank-page[data-v-46c800df] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 75px;
  }
  .blank-page .desc[data-v-46c800df] {
      font-size: 14px;
  }
  .blank-page .ser[data-v-46c800df] {
      margin-top: 12px;
  }
  .blank-page .btn[data-v-46c800df] {
      width: 105px;
      height: 36px;
      line-height: 36px;
      border: 1px solid;
      border-radius: 20px;
      margin-top: 24px;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .panel[data-v-5bced684] {
    background: #fff;
  }
  .panel .hd[data-v-5bced684] {
      height: 44px;
      padding: 0 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .panel .hd .ico-vip[data-v-5bced684] {
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        border-radius: 100%;
  }
  .panel .hd .ico-arrow[data-v-5bced684] {
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 2px solid #999;
        border-left-width: 0;
        border-bottom-width: 0;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        margin-left: 5px;
  }
  .panel .hd .title[data-v-5bced684] {
        font-size: 14px;
        color: #333;
        margin-left: 8px;
  }
  .panel .bd[data-v-5bced684] {
      background: #fafafa;
      padding: 15px;
      position: relative;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .panel .bd .img[data-v-5bced684] {
        margin-right: 10px;
  }
  .panel .bd .img img[data-v-5bced684] {
          display: block;
          width: 75px;
          height: 75px;
  }
  .panel .bd .card[data-v-5bced684] {
        width: 75px;
        height: 75px;
        color: #fff;
        text-align: center;
        line-height: 75px;
  }
  .panel .bd .summary[data-v-5bced684] {
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        position: relative;
        padding-top: 5px;
  }
  .panel .bd .summary .top[data-v-5bced684] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
  }
  .panel .bd .summary .top .title[data-v-5bced684] {
            font-size: 14px;
            color: #333;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            width: 4.2rem;
            margin-bottom: 8px;
  }
  .panel .bd .summary .top .price[data-v-5bced684] {
            font-size: 14px;
            color: #333;
  }
  .panel .bd .summary .complex[data-v-5bced684] {
          color: #999;
          font-size: 12px;
          padding-top: 5px;
  }
  .panel .bd .summary .time[data-v-5bced684] {
          position: absolute;
          bottom: 0;
  }
  .panel .bd .summary .staff[data-v-5bced684] {
          color: #999;
  }
  .panel .ft[data-v-5bced684] {
      padding: 0 15px;
      height: 44px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 20px;
      font-size: 14px;
  }
  .panel .ft span[data-v-5bced684] {
        line-height: 20px;
  }
  .panel .ft .yen[data-v-5bced684] {
        font-size: 12px;
        margin-right: 2px;
  }
  .panel .ft .amount[data-v-5bced684] {
        font-weight: 500;
  }
  .panel .et[data-v-5bced684] {
      height: 44px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-right: 20px;
  }
  .panel .et span[data-v-5bced684] {
        font-size: 14px;
        line-height: 20px;
        color: #666;
  }
  .panel .et .yen[data-v-5bced684] {
        font-size: 12px;
        color: #E84C75;
        margin-right: 2px;
  }
  .panel .et .amount[data-v-5bced684] {
        color: #E84C75;
        font-weight: 500;
  }
  .panel-list[data-v-5bced684] {
    margin-top: 10px;
  }
  .panel-list[data-v-5bced684]:before {
      border-top: 1px solid #e5e5e5;
  }
  .panel-list .hd[data-v-5bced684] {
      position: relative;
  }
  .panel-list .hd .pay-state[data-v-5bced684] {
        position: absolute;
        right: 15px;
        font-size: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
  }
  .panel-list .unpay-label[data-v-5bced684] {
      float: right;
      width: 45px;
      height: 15px;
      line-height: 15px;
      box-sizing: border-box;
      font-size: 10px;
      text-align: center;
      margin-top: 5px;
  }
  .panel-action[data-v-5bced684] {
    margin-bottom: 10px;
    background: #fff;
    padding: 0;
  }
  .panel-action .btn-area[data-v-5bced684] {
      padding: 15px;
      text-align: right;
  }
  .panel-action .btn-area[data-v-5bced684]:before {
        border-top: 1px solid #e5e5e5;
  }
  .panel-action .btn-area .btn-sm[data-v-5bced684] {
        border: 0.5px solid #CACACA;
        margin-right: 5px;
  }
  .panel-action .btn-area .btn-sm[data-v-5bced684]:last-child {
          margin-right: 0;
  }
  
  .plugin-reserve-detail[data-v-3de664ab] {
    height: 55px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .plugin-reserve-detail .reverse-detail-promotionPrice[data-v-3de664ab] {
      font-size: 14px;
      color: #222222;
  }
  .plugin-reserve-detail .reverse-detail-originPrice[data-v-3de664ab] {
      font-size: 12px;
      color: #999999;
      text-decoration: line-through;
  }
  .plugin-reserve-detail .reverse-detail-tag[data-v-3de664ab] {
      width: 60px;
      height: 16px;
      border: 1px solid #E74C75;
      border-radius: 2px;
      font-size: 10px;
      color: #E74C75;
      line-height: 16px;
      text-align: center;
  }
  
  .wait-pay-area[data-v-0a0e9ce8] {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .wait-pay-area[data-v-0a0e9ce8]:before {
      border-top: 1px solid #e5e5e5;
  }
  .wait-pay-area .total[data-v-0a0e9ce8] {
      margin-right: 20px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .wait-pay-area .total .text[data-v-0a0e9ce8] {
        font-size: 14px;
        color: #666;
  }
  .wait-pay-area .total .amount[data-v-0a0e9ce8] {
        font-size: 16px;
  }
  .wait-pay-area .total .amount .decimal[data-v-0a0e9ce8] {
          font-size: 12px;
  }
  .wait-pay-area .btn-submit-reserve[data-v-0a0e9ce8] {
      width: 150px;
      height: 50px;
      text-align: center;
      line-height: 100%;
      font-size: 16px;
      color: #fff;
      border: none;
  }
  .wait-pay-area .btn-submit-reserve[data-v-0a0e9ce8]:disabled {
        opacity: .6;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .item[data-v-19857b6e]:before {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .item .bd[data-v-19857b6e] {
    background: #fafafa;
    padding: 15px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item .bd .img[data-v-19857b6e] {
      margin-right: 10px;
  }
  .item .bd .img img[data-v-19857b6e] {
        display: block;
        width: 75px;
        height: 75px;
  }
  .item .bd .img .reverse-online[data-v-19857b6e] {
        width: 100%;
        height: 16px;
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 12px;
        color: #fff;
        line-height: 16px;
        text-align: center;
        position: relative;
        top: -16px;
  }
  .item .bd .card[data-v-19857b6e] {
      width: 75px;
      height: 75px;
      border: .5px solid #f4f4f4;
  }
  .item .bd .time-card[data-v-19857b6e] {
      background: url(//b.yzcdn.cn/beauty/wap/7cc1497ee44de0552aed355a2b320568.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .value-card[data-v-19857b6e] {
      background: url(//b.yzcdn.cn/beauty/wap/9694333cda85527ab0b43c8749cd2381.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .discount-card[data-v-19857b6e] {
      background: url(//b.yzcdn.cn/beauty/wap/7bdf931f380816a4e87523eda3a32826.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .summary[data-v-19857b6e] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-top: 5px;
  }
  .item .bd .summary .top[data-v-19857b6e] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .item .bd .summary .top .title[data-v-19857b6e] {
          font-size: 14px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          width: 4.2rem;
  }
  .item .bd .summary .top .price[data-v-19857b6e] {
          font-size: 14px;
          color: #333;
  }
  .item .bd .summary .complex[data-v-19857b6e] {
        padding-top: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        color: #999;
        font-size: 12px;
  }
  .item .bd .summary .complex > div[data-v-19857b6e]:not(:first-child) {
          text-align: right;
  }
  .item .bd .summary .complex > div .zeng[data-v-19857b6e] {
          display: inline-block;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          border-radius: 1px;
          padding: 2px;
          margin: 7px 0;
  }
  .item .bd .summary .tag[data-v-19857b6e] {
        font-size: 8px;
        height: 13px;
        width: 40px;
        line-height: 13px;
        text-align: center;
        padding: 0 2px;
  }
  .item .bd .summary .exchange[data-v-19857b6e] {
        font-size: 8px;
        text-align: center;
        padding: 2px 8px;
        color: #fff;
        background: #E3B24B;
  }
  .item .bd .summary .staff[data-v-19857b6e] {
        color: #999;
  }
  .item .bd .summary .origin[data-v-19857b6e] {
        text-decoration: line-through;
  }
  .item .bd .text-refund[data-v-19857b6e] {
      color: #F67C15;
      font-size: 12px;
      text-align: right;
  }
  .item .none-border[data-v-19857b6e]::after {
    border: none;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .item[data-v-5c85ad74]:before {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .item .bd[data-v-5c85ad74] {
    background: #fafafa;
    padding: 15px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item .bd .img[data-v-5c85ad74] {
      margin-right: 10px;
  }
  .item .bd .img img[data-v-5c85ad74] {
        display: block;
        width: 75px;
        height: 75px;
  }
  .item .bd .img .reverse-online[data-v-5c85ad74] {
        width: 100%;
        height: 16px;
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 12px;
        color: #fff;
        line-height: 16px;
        text-align: center;
        position: relative;
        top: -16px;
  }
  .item .bd .card[data-v-5c85ad74] {
      width: 75px;
      height: 75px;
      border: .5px solid #f4f4f4;
  }
  .item .bd .time-card[data-v-5c85ad74] {
      background: url(//b.yzcdn.cn/beauty/wap/7cc1497ee44de0552aed355a2b320568.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .value-card[data-v-5c85ad74] {
      background: url(//b.yzcdn.cn/beauty/wap/9694333cda85527ab0b43c8749cd2381.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .discount-card[data-v-5c85ad74] {
      background: url(//b.yzcdn.cn/beauty/wap/7bdf931f380816a4e87523eda3a32826.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .summary[data-v-5c85ad74] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-top: 5px;
  }
  .item .bd .summary .top[data-v-5c85ad74] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .item .bd .summary .top .title[data-v-5c85ad74] {
          font-size: 14px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          width: 4.2rem;
  }
  .item .bd .summary .top .price[data-v-5c85ad74] {
          font-size: 14px;
          color: #333;
  }
  .item .bd .summary .complex[data-v-5c85ad74] {
        padding-top: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        color: #999;
        font-size: 12px;
  }
  .item .bd .summary .complex > div[data-v-5c85ad74]:not(:first-child) {
          text-align: right;
  }
  .item .bd .summary .complex > div .zeng[data-v-5c85ad74] {
          display: inline-block;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          border-radius: 1px;
          padding: 2px;
          margin: 7px 0;
  }
  .item .bd .summary .tag[data-v-5c85ad74] {
        font-size: 8px;
        height: 13px;
        width: 40px;
        line-height: 13px;
        text-align: center;
        padding: 0 2px;
  }
  .item .bd .summary .exchange[data-v-5c85ad74] {
        font-size: 8px;
        text-align: center;
        padding: 2px 8px;
        color: #fff;
        background: #E3B24B;
  }
  .item .bd .summary .staff[data-v-5c85ad74] {
        color: #999;
  }
  .item .bd .summary .origin[data-v-5c85ad74] {
        text-decoration: line-through;
  }
  .item .bd .text-refund[data-v-5c85ad74] {
      color: #F67C15;
      font-size: 12px;
      text-align: right;
  }
  .item .none-border[data-v-5c85ad74]::after {
    border: none;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .item[data-v-270a3207]:before {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .item .bd[data-v-270a3207] {
    background: #fafafa;
    padding: 15px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item .bd .img[data-v-270a3207] {
      margin-right: 10px;
  }
  .item .bd .img img[data-v-270a3207] {
        display: block;
        width: 75px;
        height: 75px;
  }
  .item .bd .img .reverse-online[data-v-270a3207] {
        width: 100%;
        height: 16px;
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 12px;
        color: #fff;
        line-height: 16px;
        text-align: center;
        position: relative;
        top: -16px;
  }
  .item .bd .card[data-v-270a3207] {
      width: 75px;
      height: 75px;
      border: .5px solid #f4f4f4;
  }
  .item .bd .time-card[data-v-270a3207] {
      background: url(//b.yzcdn.cn/beauty/wap/7cc1497ee44de0552aed355a2b320568.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .value-card[data-v-270a3207] {
      background: url(//b.yzcdn.cn/beauty/wap/9694333cda85527ab0b43c8749cd2381.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .discount-card[data-v-270a3207] {
      background: url(//b.yzcdn.cn/beauty/wap/7bdf931f380816a4e87523eda3a32826.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .summary[data-v-270a3207] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-top: 5px;
  }
  .item .bd .summary .top[data-v-270a3207] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .item .bd .summary .top .title[data-v-270a3207] {
          font-size: 14px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          width: 4.2rem;
  }
  .item .bd .summary .top .price[data-v-270a3207] {
          font-size: 14px;
          color: #333;
  }
  .item .bd .summary .complex[data-v-270a3207] {
        padding-top: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        color: #999;
        font-size: 12px;
  }
  .item .bd .summary .complex > div[data-v-270a3207]:not(:first-child) {
          text-align: right;
  }
  .item .bd .summary .complex > div .zeng[data-v-270a3207] {
          display: inline-block;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          border-radius: 1px;
          padding: 2px;
          margin: 7px 0;
  }
  .item .bd .summary .tag[data-v-270a3207] {
        font-size: 8px;
        height: 13px;
        width: 40px;
        line-height: 13px;
        text-align: center;
        padding: 0 2px;
  }
  .item .bd .summary .exchange[data-v-270a3207] {
        font-size: 8px;
        text-align: center;
        padding: 2px 8px;
        color: #fff;
        background: #E3B24B;
  }
  .item .bd .summary .staff[data-v-270a3207] {
        color: #999;
  }
  .item .bd .summary .origin[data-v-270a3207] {
        text-decoration: line-through;
  }
  .item .bd .text-refund[data-v-270a3207] {
      color: #F67C15;
      font-size: 12px;
      text-align: right;
  }
  .item .none-border[data-v-270a3207]::after {
    border: none;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .item[data-v-37e6846a]:before {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .item .bd[data-v-37e6846a] {
    background: #fafafa;
    padding: 15px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item .bd .img[data-v-37e6846a] {
      margin-right: 10px;
  }
  .item .bd .img img[data-v-37e6846a] {
        display: block;
        width: 75px;
        height: 75px;
  }
  .item .bd .img .reverse-online[data-v-37e6846a] {
        width: 100%;
        height: 16px;
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 12px;
        color: #fff;
        line-height: 16px;
        text-align: center;
        position: relative;
        top: -16px;
  }
  .item .bd .card[data-v-37e6846a] {
      width: 75px;
      height: 75px;
      border: .5px solid #f4f4f4;
  }
  .item .bd .time-card[data-v-37e6846a] {
      background: url(//b.yzcdn.cn/beauty/wap/7cc1497ee44de0552aed355a2b320568.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .value-card[data-v-37e6846a] {
      background: url(//b.yzcdn.cn/beauty/wap/9694333cda85527ab0b43c8749cd2381.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .discount-card[data-v-37e6846a] {
      background: url(//b.yzcdn.cn/beauty/wap/7bdf931f380816a4e87523eda3a32826.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .summary[data-v-37e6846a] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-top: 5px;
  }
  .item .bd .summary .top[data-v-37e6846a] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .item .bd .summary .top .title[data-v-37e6846a] {
          font-size: 14px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          width: 4.2rem;
  }
  .item .bd .summary .top .price[data-v-37e6846a] {
          font-size: 14px;
          color: #333;
  }
  .item .bd .summary .complex[data-v-37e6846a] {
        padding-top: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        color: #999;
        font-size: 12px;
  }
  .item .bd .summary .complex > div[data-v-37e6846a]:not(:first-child) {
          text-align: right;
  }
  .item .bd .summary .complex > div .zeng[data-v-37e6846a] {
          display: inline-block;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          border-radius: 1px;
          padding: 2px;
          margin: 7px 0;
  }
  .item .bd .summary .tag[data-v-37e6846a] {
        font-size: 8px;
        height: 13px;
        width: 40px;
        line-height: 13px;
        text-align: center;
        padding: 0 2px;
  }
  .item .bd .summary .exchange[data-v-37e6846a] {
        font-size: 8px;
        text-align: center;
        padding: 2px 8px;
        color: #fff;
        background: #E3B24B;
  }
  .item .bd .summary .staff[data-v-37e6846a] {
        color: #999;
  }
  .item .bd .summary .origin[data-v-37e6846a] {
        text-decoration: line-through;
  }
  .item .bd .text-refund[data-v-37e6846a] {
      color: #F67C15;
      font-size: 12px;
      text-align: right;
  }
  .item .none-border[data-v-37e6846a]::after {
    border: none;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .item[data-v-f10e52b0]:before {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .item .bd[data-v-f10e52b0] {
    background: #fafafa;
    padding: 15px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item .bd .img[data-v-f10e52b0] {
      margin-right: 10px;
  }
  .item .bd .img img[data-v-f10e52b0] {
        display: block;
        width: 75px;
        height: 75px;
  }
  .item .bd .img .reverse-online[data-v-f10e52b0] {
        width: 100%;
        height: 16px;
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 12px;
        color: #fff;
        line-height: 16px;
        text-align: center;
        position: relative;
        top: -16px;
  }
  .item .bd .card[data-v-f10e52b0] {
      width: 75px;
      height: 75px;
      border: .5px solid #f4f4f4;
  }
  .item .bd .time-card[data-v-f10e52b0] {
      background: url(//b.yzcdn.cn/beauty/wap/7cc1497ee44de0552aed355a2b320568.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .value-card[data-v-f10e52b0] {
      background: url(//b.yzcdn.cn/beauty/wap/9694333cda85527ab0b43c8749cd2381.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .discount-card[data-v-f10e52b0] {
      background: url(//b.yzcdn.cn/beauty/wap/7bdf931f380816a4e87523eda3a32826.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .summary[data-v-f10e52b0] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-top: 5px;
  }
  .item .bd .summary .top[data-v-f10e52b0] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .item .bd .summary .top .title[data-v-f10e52b0] {
          font-size: 14px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          width: 4.2rem;
  }
  .item .bd .summary .top .price[data-v-f10e52b0] {
          font-size: 14px;
          color: #333;
  }
  .item .bd .summary .complex[data-v-f10e52b0] {
        padding-top: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        color: #999;
        font-size: 12px;
  }
  .item .bd .summary .complex > div[data-v-f10e52b0]:not(:first-child) {
          text-align: right;
  }
  .item .bd .summary .complex > div .zeng[data-v-f10e52b0] {
          display: inline-block;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          border-radius: 1px;
          padding: 2px;
          margin: 7px 0;
  }
  .item .bd .summary .tag[data-v-f10e52b0] {
        font-size: 8px;
        height: 13px;
        width: 40px;
        line-height: 13px;
        text-align: center;
        padding: 0 2px;
  }
  .item .bd .summary .exchange[data-v-f10e52b0] {
        font-size: 8px;
        text-align: center;
        padding: 2px 8px;
        color: #fff;
        background: #E3B24B;
  }
  .item .bd .summary .staff[data-v-f10e52b0] {
        color: #999;
  }
  .item .bd .summary .origin[data-v-f10e52b0] {
        text-decoration: line-through;
  }
  .item .bd .text-refund[data-v-f10e52b0] {
      color: #F67C15;
      font-size: 12px;
      text-align: right;
  }
  .item .none-border[data-v-f10e52b0]::after {
    border: none;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .item[data-v-cef5eff4]:before {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .item .bd[data-v-cef5eff4] {
    background: #fafafa;
    padding: 15px;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .item .bd .img[data-v-cef5eff4] {
      margin-right: 10px;
  }
  .item .bd .img img[data-v-cef5eff4] {
        display: block;
        width: 75px;
        height: 75px;
  }
  .item .bd .img .reverse-online[data-v-cef5eff4] {
        width: 100%;
        height: 16px;
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.5);
        font-size: 12px;
        color: #fff;
        line-height: 16px;
        text-align: center;
        position: relative;
        top: -16px;
  }
  .item .bd .card[data-v-cef5eff4] {
      width: 75px;
      height: 75px;
      border: .5px solid #f4f4f4;
  }
  .item .bd .time-card[data-v-cef5eff4] {
      background: url(//b.yzcdn.cn/beauty/wap/7cc1497ee44de0552aed355a2b320568.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .value-card[data-v-cef5eff4] {
      background: url(//b.yzcdn.cn/beauty/wap/9694333cda85527ab0b43c8749cd2381.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .discount-card[data-v-cef5eff4] {
      background: url(//b.yzcdn.cn/beauty/wap/7bdf931f380816a4e87523eda3a32826.png) no-repeat center;
      background-size: 75px 75px;
  }
  .item .bd .summary[data-v-cef5eff4] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding-top: 5px;
  }
  .item .bd .summary .top[data-v-cef5eff4] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .item .bd .summary .top .title[data-v-cef5eff4] {
          font-size: 14px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          width: 4.2rem;
  }
  .item .bd .summary .top .price[data-v-cef5eff4] {
          font-size: 14px;
          color: #333;
  }
  .item .bd .summary .complex[data-v-cef5eff4] {
        padding-top: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        color: #999;
        font-size: 12px;
  }
  .item .bd .summary .complex > div[data-v-cef5eff4]:not(:first-child) {
          text-align: right;
  }
  .item .bd .summary .complex > div .zeng[data-v-cef5eff4] {
          display: inline-block;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          border-radius: 1px;
          padding: 2px;
          margin: 7px 0;
  }
  .item .bd .summary .tag[data-v-cef5eff4] {
        font-size: 8px;
        height: 13px;
        width: 40px;
        line-height: 13px;
        text-align: center;
        padding: 0 2px;
  }
  .item .bd .summary .exchange[data-v-cef5eff4] {
        font-size: 8px;
        text-align: center;
        padding: 2px 8px;
        color: #fff;
        background: #E3B24B;
  }
  .item .bd .summary .staff[data-v-cef5eff4] {
        color: #999;
  }
  .item .bd .summary .origin[data-v-cef5eff4] {
        text-decoration: line-through;
  }
  .item .bd .text-refund[data-v-cef5eff4] {
      color: #F67C15;
      font-size: 12px;
      text-align: right;
  }
  .item .none-border[data-v-cef5eff4]::after {
    border: none;
  }
  
  .order-list[data-v-78aad0e0] {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .order-list .no-more-text[data-v-78aad0e0] {
      font-size: 12px;
      color: #BFBFC3;
      text-align: center;
      padding: 20px 0;
  }
  
  .items[data-v-4d088ebe] {
    margin-top: 10px;
    background: #fff;
  }
  .items[data-v-4d088ebe]:before {
      border-top: 1px solid #e5e5e5;
      border-bottom: 1px solid #e5e5e5;
  }
  .items .hd[data-v-4d088ebe] {
      position: relative;
      height: 44px;
      padding-left: 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .items .hd .ico-vip[data-v-4d088ebe] {
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        border-radius: 100%;
  }
  .items .hd .pay-state[data-v-4d088ebe] {
        position: absolute;
        right: 15px;
        font-size: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
  }
  .items .hd .ico-arrow[data-v-4d088ebe] {
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 2px solid #999;
        border-left-width: 0;
        border-bottom-width: 0;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        margin-left: 5px;
  }
  .items .hd .title[data-v-4d088ebe] {
        font-size: 14px;
        color: #333;
        margin-left: 8px;
  }
  .items .et[data-v-4d088ebe] {
      height: 44px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      padding-right: 20px;
      color: #666;
  }
  .items .et span[data-v-4d088ebe] {
        font-size: 14px;
        line-height: 20px;
  }
  .items .et .yen[data-v-4d088ebe] {
        font-size: 12px;
        margin-right: 2px;
  }
  .items .et .amount[data-v-4d088ebe] {
        font-weight: 500;
  }
  .panel-action[data-v-4d088ebe] {
    margin-bottom: 10px;
    background: #fff;
    padding: 0 15px;
  }
  .panel-action .btn-area[data-v-4d088ebe] {
      padding: 15px 0;
      text-align: right;
  }
  .panel-action .btn-area[data-v-4d088ebe]:before {
        border-top: 1px solid #e5e5e5;
  }
  .panel-action .btn-area .btn-sm[data-v-4d088ebe] {
        margin-right: 5px;
  }
  .panel-action .btn-area .btn-sm[data-v-4d088ebe]:last-child {
          margin-right: 0;
  }
  .panel-action .btn-area .btn-pay[data-v-4d088ebe] {
        border: none;
  }
  .van-icon,.van-icon::before{display:inline-block}@font-face{font-family:vant-icon;src:url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.eot);src:url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.woff2) format('woff2'),url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.woff) format('woff'),url(https://b.yzcdn.cn/zanui/icon/vant-icon-5e6d465ada.ttf) format('truetype')}.van-icon::before{font-family:vant-icon!important;font-style:normal;font-weight:400;speak:none;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.van-icon-qr-invalid:before{content:'\E800'}.van-icon-qr:before{content:'\E801'}.van-icon-exchange:before{content:'\E802'}.van-icon-close:before{content:'\E803'}.van-icon-location:before{content:'\E804'}.van-icon-upgrade:before{content:'\E805'}.van-icon-check:before{content:'\E806'}.van-icon-checked:before{content:'\E807'}.van-icon-like-o:before{content:'\E808'}.van-icon-like:before{content:'\E809'}.van-icon-chat:before{content:'\E80A'}.van-icon-shop:before{content:'\E80B'}.van-icon-photograph:before{content:'\E80C'}.van-icon-add:before{content:'\E80D'}.van-icon-add2:before{content:'\E80E'}.van-icon-photo:before{content:'\E80F'}.van-icon-logistics:before{content:'\E810'}.van-icon-edit:before{content:'\E811'}.van-icon-passed:before{content:'\E812'}.van-icon-arrow:before{content:'\E814'}.van-icon-gift:before{content:'\E815'}.van-icon-search:before{content:'\E816'}.van-icon-clear:before{content:'\E817'}.van-icon-success:before{content:'\E818'}.van-icon-fail:before{content:'\E819'}.van-icon-contact:before{content:'\E81A'}.van-icon-wechat:before{content:'\E81B'}.van-icon-alipay:before{content:'\E81C'}.van-icon-password-view:before{content:'\E81D'}.van-icon-password-not-view:before{content:'\E81E'}.van-icon-wap-nav:before{content:'\E81F'}.van-icon-wap-home:before{content:'\E820'}.van-icon-ecard-pay:before{content:'\E821'}.van-icon-balance-pay:before{content:'\E822'}.van-icon-peer-pay:before{content:'\E823'}.van-icon-credit-pay:before{content:'\E824'}.van-icon-debit-pay:before{content:'\E825'}.van-icon-other-pay:before{content:'\E826'}.van-icon-cart:before{content:'\E827'}.van-icon-browsing-history:before{content:'\E828'}.van-icon-goods-collect:before{content:'\E829'}.van-icon-shop-collect:before{content:'\E82A'}.van-icon-receive-gift:before{content:'\E82B'}.van-icon-send-gift:before{content:'\E82C'}.van-icon-setting:before{content:'\E82D'}.van-icon-points:before{content:'\E82E'}.van-icon-free-postage:before{content:'\E830'}.van-icon-discount:before{content:'\E831'}.van-icon-birthday-privilege:before{content:'\E832'}.van-icon-member-day-privilege:before{content:'\E833'}.van-icon-balance-details:before{content:'\E834'}.van-icon-cash-back-record:before{content:'\E835'}.van-icon-points-mall:before{content:'\E836'}.van-icon-exchange-record:before{content:'\E837'}.van-icon-pending-payment:before{content:'\E838'}.van-icon-pending-orders:before{content:'\E839'}.van-icon-pending-deliver:before{content:'\E83A'}.van-icon-pending-evaluate:before{content:'\E83B'}.van-icon-gift-card-pay:before{content:'\E83C'}.van-icon-cash-on-deliver:before{content:'\E83D'}.van-icon-underway:before{content:'\E83E'}.van-icon-point-gift:before{content:'\E83F'}.van-icon-after-sale:before{content:'\E840'}.van-icon-edit-data:before{content:'\E841'}.van-icon-question:before{content:'\E842'}.van-icon-delete:before{content:'\E843'}.van-icon-records:before{content:'\E844'}.van-icon-description:before{content:'\E845'}.van-icon-card:before{content:'\E846'}.van-icon-gift-card:before{content:'\E847'}.van-icon-coupon:before{content:'\E848'}.van-icon-clock:before{content:'\E849'}.van-icon-gold-coin:before{content:'\E84A'}.van-steps{overflow:hidden;background-color:#fff}.van-steps--horizontal{padding:0 10px}.van-steps--horizontal .van-steps__items{margin:0 0 10px;overflow:hidden;position:relative;padding-bottom:22px}.van-steps--horizontal .van-steps__items.van-steps__items--alone{padding-top:10px}.van-steps--vertical{padding:0 0 0 35px}.van-steps--4 .van-step{width:33.2%}.van-steps--3 .van-step{width:50%}.van-steps__icon{float:left;margin-right:10px}.van-steps .van-icon{font-size:40px;line-height:1}.van-steps__message{display:table;height:40px;margin:15px 0}.van-steps__message .van-steps__message-wrapper{display:table-cell;vertical-align:middle}.van-steps__title{font-size:14px;color:#333}.van-steps__desc{font-size:12px;line-height:1.5;color:#999;max-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.van-step{font-size:14px;position:relative;color:#999}.van-step--horizontal.van-step--finish,.van-step--horizontal.van-step--process{color:#333}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none;margin-left:0}.van-step--horizontal:last-child{position:absolute;right:10px;width:auto}.van-step--horizontal:last-child .van-step__title{-webkit-transform:none;transform:none;margin-left:0}.van-step--horizontal:last-child .van-step__circle-container{left:auto;right:-9px}.van-step--horizontal:last-child .van-step__line{width:0}.van-step--horizontal .van-step__circle-container{position:absolute;top:28px;left:-8px;padding:0 8px;background-color:#fff;z-index:1}.van-step--horizontal .van-step__title{font-size:12px;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);display:inline-block;margin-left:3px}.van-step--horizontal .van-step__line{position:absolute;left:0;top:30px;width:100%;height:1px;background-color:#e5e5e5}.van-step--horizontal.van-step--finish .van-step__circle,.van-step--horizontal.van-step--finish .van-step__line{background-color:#06bf04}.van-step--horizontal.van-step--process .van-step__circle-container{top:24px}.van-step--horizontal.van-step--process .van-icon{font-size:12px;color:#06bf04;line-height:1;display:block}.van-step .van-step__circle{display:block;width:5px;height:5px;background-color:#888;border-radius:50%}.van-step--vertical{float:none;display:block;font-size:14px;line-height:18px;padding:10px 10px 10px 0}.van-step--vertical::after{content:'';position:absolute;top:0;left:0;box-sizing:border-box;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:left top;transform-origin:left top;-webkit-perspective:1000;-webkit-backface-visibility:hidden;pointer-events:none;border-bottom:1px solid #e5e5e5}.van-step--vertical:first-child::before{content:'';position:absolute;width:1px;height:20px;background-color:#fff;top:0;left:-15px;z-index:1}.van-step--vertical:last-child::after{display:none}.van-step--vertical .van-step__circle-container>i{position:absolute;z-index:2}.van-step--vertical .van-icon-checked{top:12px;left:-20px;line-height:1;font-size:12px}.van-step--vertical .van-step__circle{top:16px;left:-17px}.van-step--vertical .van-step__line{position:absolute;top:0;left:-15px;width:1px;height:100%;background-color:#e5e5e5}
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .border-none[data-v-648041c3]:after {
    border: 0 !important;
  }
  .order-detail[data-v-648041c3] {
    padding-bottom: 60px;
  }
  .order-detail .border-bottom-none[data-v-648041c3]:after {
      display: none;
      padding: 0;
  }
  .order-detail .border-bottom-none:after .form-group[data-v-648041c3] {
        padding: 0 15px;
  }
  .order-detail .header .line[data-v-648041c3] {
      background: #fff;
      padding-left: 10px;
      padding-right: 10px;
  }
  .order-detail .form-group .form-label[data-v-648041c3] {
      max-width: 225px;
      width: auto;
  }
  .order-detail .special-item .item-label[data-v-648041c3] {
      position: absolute;
      font-size: 14px;
      margin-left: 15px;
      margin-top: 8px;
  }
  .order-detail .special-item .form-group[data-v-648041c3] {
      margin-left: 40px;
  }
  .order-detail .border-top[data-v-648041c3] {
      position: relative;
      border-radius: 0;
  }
  .order-detail .border-top[data-v-648041c3]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .order-detail .border-top > *[data-v-648041c3] {
        position: relative;
  }
  .order-detail .border-top[data-v-648041c3]:before {
        border-top: 1px solid #e5e5e5;
  }
  .order-detail .border-top[data-v-648041c3]:before {
        border-right: 0px solid #e5e5e5;
  }
  .order-detail .border-top[data-v-648041c3]:before {
        border-bottom: 0px solid #e5e5e5;
  }
  .order-detail .border-top[data-v-648041c3]:before {
        border-left: 0px solid #e5e5e5;
  }
  .order-detail .ico-arrow[data-v-648041c3] {
      display: inline-block;
      width: 6px;
      height: 6px;
      border: 2px solid #999;
      border-left-width: 0;
      border-bottom-width: 0;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      margin-left: 5px;
  }
  .order-detail .items[data-v-648041c3] {
      margin-top: 10px;
      background: #fff;
  }
  .order-detail .items[data-v-648041c3]:before {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
  }
  .order-detail .items .hd[data-v-648041c3] {
        position: relative;
        height: 44px;
        padding: 0 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .order-detail .items .hd .brand[data-v-648041c3] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
  }
  .order-detail .items .hd .brand .ico-vip[data-v-648041c3] {
            width: 20px;
            height: 20px;
            border: 1px solid #fff;
            border-radius: 100%;
  }
  .order-detail .items .hd .brand .arrow[data-v-648041c3] {
            display: inline-block;
            width: 6px;
            height: 6px;
            border: 2px solid #999;
            border-left-width: 0;
            border-bottom-width: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-left: 2px;
  }
  .order-detail .items .hd .brand .pay-state[data-v-648041c3] {
            position: absolute;
            right: 15px;
            font-size: 14px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
  }
  .order-detail .items .hd .brand .title[data-v-648041c3] {
            font-size: 14px;
            color: #333;
            margin-left: 8px;
            max-width: 140px;
            display: inline-block;
  }
  .order-detail .items .hd .shop .title[data-v-648041c3] {
          padding-top: 3px;
          font-size: 12px;
          color: #666;
          display: inline-block;
          max-width: 130px;
  }
  .order-detail .items .et[data-v-648041c3] {
        height: 44px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding-right: 20px;
  }
  .order-detail .items .et span[data-v-648041c3] {
          font-size: 14px;
          line-height: 20px;
          color: #666;
  }
  .order-detail .items .et .yen[data-v-648041c3] {
          font-size: 12px;
          color: #E84C75;
          margin-right: 2px;
  }
  .order-detail .items .et .amount[data-v-648041c3] {
          color: #E84C75;
          font-weight: 500;
  }
  .order-detail .remark[data-v-648041c3] {
      height: auto !important;
      min-height: 44px;
      padding: 15px 0 15px 0;
      box-sizing: border-box;
  }
  .order-detail .remark .form-text[data-v-648041c3] {
        text-align: right;
  }
  .order-detail .contact-group[data-v-648041c3] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .order-detail .contact-group .contact-business[data-v-648041c3] {
        height: 30px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
  }
  .order-detail .contact-group .contact-business[data-v-648041c3]:not(:last-child) {
          border-right: 0.5px solid #f2f2f2;
  }
  .order-detail .contact-group .contact-business .portal-inner[data-v-648041c3] {
          width: 100%;
          height: 100%;
  }
  .order-detail .contact-group .contact-business .form-text[data-v-648041c3] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
  }
  .order-detail .contact-group .contact-business .icon[data-v-648041c3], .order-detail .contact-group .contact-business i[data-v-648041c3] {
          font-size: 15px;
          margin-top: -1px;
          margin-right: 7px;
  }
  .order-detail .cell-form-discount[data-v-648041c3] {
      padding: 5px 0 0;
  }
  .order-detail .cell-form-discount[data-v-648041c3]:before {
        display: none;
  }
  .order-detail .cell-form-discount .form-group[data-v-648041c3] {
        height: 30px;
        padding: 0 15px;
        line-height: 30px;
  }
  .order-detail .cell-form-discount .form-group.border-top[data-v-648041c3] {
          margin-top: 4px;
          line-height: 40px;
          height: 40px;
  }
  .order-detail .cell-form-discount .pay-detail-label[data-v-648041c3] {
        color: #222;
        line-height: 30px;
        font-size: 14px;
        cursor: default;
        height: 30px;
        padding-left: 15px;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
  }
  .order-detail .cell-form-discount .detail[data-v-648041c3] {
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
  }
  .order-detail .cell-form-discount .pay-detail[data-v-648041c3] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
  }
  .order-detail .panel-number-datetime[data-v-648041c3] {
      padding: 15px;
      background: #fff;
      font-size: 12px;
      color: #999;
      position: relative;
  }
  .order-detail .panel-number-datetime p[data-v-648041c3] {
        margin-bottom: 8px;
  }
  .order-detail .panel-number-datetime p[data-v-648041c3]:last-child {
        margin-bottom: 0;
  }
  .order-detail .panel-number-datetime .btn-mini[data-v-648041c3] {
        border: 0.5px solid #cacaca;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 6;
  }
  .order-detail .bottom-area[data-v-648041c3] {
      position: fixed;
      z-index: 9;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      background: #fff;
      box-sizing: border-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .order-detail .bottom-area[data-v-648041c3]:before {
        border-top: 1px solid #e5e5e5;
  }
  .order-detail .bottom-area .need-to-repay[data-v-648041c3] {
        position: fixed;
        left: 15px;
        font-size: 14px;
  }
  .order-detail .bottom-area .need-to-repay .money[data-v-648041c3] {
          padding: 0 8px;
  }
  .order-detail .bottom-area .btn-sm[data-v-648041c3] {
        margin: 10px;
        margin-right: 5px;
        text-align: center;
  }
  .order-detail .bottom-area .btn-comfirm[data-v-648041c3] {
        border: none;
  }
  .order-detail .bottom-area .btn-sm[data-v-648041c3]:last-child {
        margin-right: 15px;
  }
  .walking-order-logo[data-v-648041c3] {
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 10px;
    margin-right: 10px;
    padding-left: 3px;
  }
  .mobile[data-v-648041c3] {
    color: #999;
    margin-top: 1px;
  }
  
  .cap-logistics[data-v-0b12d6f8] {
    position: relative;
    margin-bottom: 10px;
  }
  .cap-logistics[data-v-0b12d6f8]::after {
      content: '';
      display: block;
      height: 2px;
      background-image: url("//b.yzcdn.cn/v2/image/wap/address/border2@2x.png");
      background-size: 34px 2px;
  }
  .cap-logistics .van-icon-arrow[data-v-0b12d6f8] {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -20px;
      line-height: 40px;
      font-size: 12px;
      color: #999;
  }
  .cap-logistics .cap-logistics__empty-address[data-v-0b12d6f8] {
      position: relative;
      padding: 16px 10px 16px 60px;
      line-height: 40px;
      font-size: 14px;
      color: #333;
      background: url(//b.yzcdn.cn/beauty/wap/27e8b8d023dbca8e09797cd219e91d8e.png) 10px center/40px 40px no-repeat;
      background-color: #fff;
  }
  .cap-logistics .cap-logistics__address[data-v-0b12d6f8] {
      position: relative;
      padding: 15px 10px;
      min-height: 22px;
      line-height: 22px;
      background-color: #fff;
  }
  .cap-logistics .cap-logistics__address .van-icon-location[data-v-0b12d6f8] {
        float: left;
        margin-right: 10px;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-content[data-v-0b12d6f8] {
        overflow: hidden;
        margin-right: 18px;
        padding-right: 0;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-content > div[data-v-0b12d6f8] {
          overflow: hidden;
          font-size: 14px;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-name[data-v-0b12d6f8] {
        float: left;
        width: 160px;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-tel[data-v-0b12d6f8] {
        float: right;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-detail[data-v-0b12d6f8] {
        margin-top: 2px;
        font-size: 12px;
        line-height: 16px;
        color: #666;
        word-break: break-all;
  }
  
  .express[data-v-1f91c721] {
    background: #fff;
    padding: 15px 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px;
  }
  .express .l[data-v-1f91c721] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .express .l .car[data-v-1f91c721] {
        width: 16px;
        height: 16px;
  }
  .express .l .info[data-v-1f91c721] {
        margin-left: 10px;
  }
  .express .l .info .no[data-v-1f91c721] {
          color: #458AE5;
  }
  .express .l .info .msg[data-v-1f91c721] {
          margin-top: 10px;
  }
  .express .l .info .time[data-v-1f91c721] {
          margin-top: 10px;
  }
  .express .narrow[data-v-1f91c721] {
      height: 10px;
      width: 6px;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .container[data-v-d34bb480] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 80px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
  }
  .container .ico[data-v-d34bb480] {
      width: 40px;
      height: 40px;
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      margin-right: 10px;
  }
  .container .ico-refund-waiting[data-v-d34bb480] {
      background-image: url(//b.yzcdn.cn/beauty/wap/2d76f24760558ef3194d25fa52373b32.png);
  }
  .container .ico-refund-finished[data-v-d34bb480] {
      background-image: url(//b.yzcdn.cn/beauty/wap/959d21a6154f25c10bf33e0259984fa6.png);
  }
  .container .ico-processing[data-v-d34bb480] {
      background-image: url(//b.yzcdn.cn/beauty/wap/9238b16dc9480704de306dc02f1b6609.png);
  }
  .container .ico-finished[data-v-d34bb480] {
      background-image: url(//b.yzcdn.cn/beauty/wap/1b7c3cad57e64f0a0d703f4357e696c8.png);
  }
  .container .ico-cancel[data-v-d34bb480] {
      background-image: url(//b.yzcdn.cn/beauty/wap/b4fe1b0d2225127cd6d29b6b31f97549.png);
  }
  .container .ico-waitsend[data-v-d34bb480] {
      background-image: url(//b.yzcdn.cn/beauty/wap/d693da5a7339e48f01295383c46d9cc5.png);
  }
  .container .ico-waitreceive[data-v-d34bb480] {
      background-image: url(//b.yzcdn.cn/beauty/wap/6aaa3a3a307bf58d6c8ad5427c582d08.png);
  }
  .container .ico-waitpay[data-v-d34bb480] {
      background-image: url();
  }
  .container .summary .title[data-v-d34bb480] {
      margin-top: 3px;
      margin-bottom: 5px;
  }
  .container .summary .complex[data-v-d34bb480] {
      color: #888;
  }
  
  .pirate-single-row {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .refund-detainer-container .p-tb-5[data-v-0e92549c] {
    padding: 5px 0;
  }
  .refund-detainer-container .bg-w[data-v-0e92549c] {
    background: #FFF;
  }
  .refund-detainer-container .text-grey[data-v-0e92549c] {
    color: #666;
  }
  .refund-detainer-container .border-top[data-v-0e92549c] {
    position: relative;
    border-radius: 0;
  }
  .refund-detainer-container .border-top[data-v-0e92549c]:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 200%;
      height: 200%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
      border-radius: 0;
      box-sizing: border-box;
  }
  .refund-detainer-container .border-top > *[data-v-0e92549c] {
      position: relative;
  }
  .refund-detainer-container .border-top[data-v-0e92549c]:before {
      border-top: 1px solid #e5e5e5;
  }
  .refund-detainer-container .border-top[data-v-0e92549c]:before {
      border-right: 0px solid #e5e5e5;
  }
  .refund-detainer-container .border-top[data-v-0e92549c]:before {
      border-bottom: 0px solid #e5e5e5;
  }
  .refund-detainer-container .border-top[data-v-0e92549c]:before {
      border-left: 0px solid #e5e5e5;
  }
  .refund-detainer-container .border-bottom[data-v-0e92549c] {
    position: relative;
    border-radius: 0;
  }
  .refund-detainer-container .border-bottom[data-v-0e92549c]:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 200%;
      height: 200%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
      border-radius: 0;
      box-sizing: border-box;
  }
  .refund-detainer-container .border-bottom > *[data-v-0e92549c] {
      position: relative;
  }
  .refund-detainer-container .border-bottom[data-v-0e92549c]:before {
      border-top: 0px solid #e5e5e5;
  }
  .refund-detainer-container .border-bottom[data-v-0e92549c]:before {
      border-right: 0px solid #e5e5e5;
  }
  .refund-detainer-container .border-bottom[data-v-0e92549c]:before {
      border-bottom: 0px solid #e5e5e5;
  }
  .refund-detainer-container .border-bottom[data-v-0e92549c]:before {
      border-left: 1px solid #e5e5e5;
  }
  .refund-detainer-container .goods-list[data-v-0e92549c] {
    background: #FFF;
    margin-bottom: 10px;
  }
  .refund-detainer-container .goods-list .tit[data-v-0e92549c] {
      line-height: 44px;
      padding: 0 15px;
      font-size: 14px;
  }
  .refund-detainer-container .goods-list .contact[data-v-0e92549c] {
      height: 44px;
      font-size: 14px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .refund-detainer-container .goods-list .contact .contact-item[data-v-0e92549c] {
        color: #e74c75;
        height: 30px;
        line-height: 30px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
  }
  .refund-detainer-container .goods-list .contact .contact-item[data-v-0e92549c]:not(:last-child) {
          border-right: 0.5px solid #f2f2f2;
  }
  .refund-detainer-container .goods-list .contact .contact-item .icon[data-v-0e92549c], .refund-detainer-container .goods-list .contact .contact-item i[data-v-0e92549c] {
          font-size: 15px;
          margin-top: -1px;
          margin-right: 7px;
  }
  .refund-detainer-container .goods-list .contact .contact-item .portal-inner[data-v-0e92549c] {
          width: 100%;
          height: 100%;
  }
  .refund-detainer-container .order-intro[data-v-0e92549c] {
    padding: 15px;
    background: #FFF;
    font-size: 12px;
    color: #999;
    position: relative;
  }
  .refund-detainer-container .order-intro p[data-v-0e92549c] {
      padding-bottom: 8px;
  }
  .refund-detainer-container .order-intro .bt[data-v-0e92549c] {
      border: 0.5px solid #cacaca;
      position: absolute;
      top: 15px;
      right: 15px;
      z-index: 10;
  }
  
  .pirate-steps {
    padding-left: 45px;
  }
  .pirate-step {
    position: relative;
  }
  .pirate-step .icon {
      position: absolute;
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #e5e5e5;
      top: 0;
      left: -30px;
      z-index: 1;
  }
  .pirate-step .line {
      position: absolute;
      top: 0;
      left: -26px;
      height: 100%;
      width: 1px;
      border-left: 1px solid #e5e5e5;
      transform: scaleX(0.5);
  }
  .pirate-step--finish .icon {
      background: #03AF64;
  }
  .pirate-step--finish .line {
      border-left: 1px solid #03AF64;
  }
  .pirate-step--active .icon {
      background: url(//img.yzcdn.cn/public_files/2018/5/24/789ba4d0689b67ebdd16852aac43de5c.png) no-repeat;
      background-size: 100% 100%;
      width: 20px;
      height: 20px;
      top: -5px;
      left: -35px;
  }
  .pirate-step:last-child {
      padding-bottom: 0 !important;
  }
  .pirate-step:last-child .line {
        border-left: none;
  }
  .pirate-step:last-child.pirate-step--active .icon {
        background: #03AF64;
        width: 10px;
        height: 10px;
        top: 0;
        left: -30px;
        width: 10px;
        height: 10px;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .container .item[data-v-993f1ca0] {
    font-size: 14px;
    margin-bottom: 10px;
    background: #FFF;
  }
  .container .item .red[data-v-993f1ca0] {
      color: #F44;
  }
  .container .item .grey[data-v-993f1ca0] {
      color: #999;
  }
  .container .item .top[data-v-993f1ca0] {
      line-height: 44px;
      padding: 0px 15px;
      position: relative;
      border-radius: 0;
  }
  .container .item .top[data-v-993f1ca0]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .container .item .top > *[data-v-993f1ca0] {
        position: relative;
  }
  .container .item .top[data-v-993f1ca0]:before {
        border-top: 1px solid #e5e5e5;
  }
  .container .item .top[data-v-993f1ca0]:before {
        border-right: 0px solid #e5e5e5;
  }
  .container .item .top[data-v-993f1ca0]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .container .item .top[data-v-993f1ca0]:before {
        border-left: 0px solid #e5e5e5;
  }
  .container .item .steps-warp[data-v-993f1ca0] {
      padding: 20px 15px;
      position: relative;
      border-radius: 0;
      font-size: 14px;
  }
  .container .item .steps-warp[data-v-993f1ca0]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .container .item .steps-warp > *[data-v-993f1ca0] {
        position: relative;
  }
  .container .item .steps-warp[data-v-993f1ca0]:before {
        border-top: 0px solid #e5e5e5;
  }
  .container .item .steps-warp[data-v-993f1ca0]:before {
        border-right: 0px solid #e5e5e5;
  }
  .container .item .steps-warp[data-v-993f1ca0]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .container .item .steps-warp[data-v-993f1ca0]:before {
        border-left: 0px solid #e5e5e5;
  }
  .container .item .steps-warp .van-step .van-step__circle[data-v-993f1ca0] {
        width: 10px !important;
        height: 10px;
        background-color: #03AF64;
  }
  .container .item .steps-warp .text-time[data-v-993f1ca0] {
        color: #999;
        font-size: 12px;
        padding-top: 4px;
  }
  
  .submit-reserve .cell-form[data-v-2d749cca]:first-child:before {
    border: 0;
  }
  .submit-reserve .wait-pay-area[data-v-2d749cca] {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #fff;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .submit-reserve .wait-pay-area[data-v-2d749cca]:before {
      border-top: 1px solid #e5e5e5;
  }
  .submit-reserve .wait-pay-area .total[data-v-2d749cca] {
      margin-right: 20px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .submit-reserve .wait-pay-area .total .text[data-v-2d749cca] {
        font-size: 14px;
        color: #666;
  }
  .submit-reserve .wait-pay-area .total .amount[data-v-2d749cca] {
        font-size: 16px;
  }
  .submit-reserve .wait-pay-area .total .amount .decimal[data-v-2d749cca] {
          font-size: 12px;
  }
  .submit-reserve .wait-pay-area .btn-submit-reserve[data-v-2d749cca] {
      width: 150px;
      height: 50px;
      text-align: center;
      line-height: 100%;
      font-size: 16px;
      border: none;
  }
  .submit-reserve .wait-pay-area .btn-submit-reserve[data-v-2d749cca]:disabled {
        opacity: .6;
  }
  .cap-logistics[data-v-2d749cca] {
    position: relative;
    margin-bottom: 10px;
  }
  .cap-logistics[data-v-2d749cca]::after {
      content: '';
      display: block;
      height: 2px;
      background-image: url("//b.yzcdn.cn/v2/image/wap/address/border2@2x.png");
      background-size: 34px 2px;
  }
  .cap-logistics .van-icon-arrow[data-v-2d749cca] {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -20px;
      line-height: 40px;
      font-size: 12px;
      color: #999;
  }
  .cap-logistics .cap-logistics__empty-address[data-v-2d749cca] {
      position: relative;
      padding: 16px 10px 16px 60px;
      line-height: 40px;
      font-size: 14px;
      color: #333;
      background: url("//b.yzcdn.cn/v2/image/wap/address/add@2x.png") 10px center/40px 40px no-repeat;
      background-color: #fff;
  }
  .cap-logistics .cap-logistics__address[data-v-2d749cca] {
      position: relative;
      padding: 15px 10px;
      min-height: 22px;
      line-height: 22px;
      background-color: #fff;
  }
  .cap-logistics .cap-logistics__address .van-icon-location[data-v-2d749cca] {
        float: left;
        margin-right: 10px;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-content[data-v-2d749cca] {
        overflow: hidden;
        margin-right: 18px;
        padding-right: 0;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-content > div[data-v-2d749cca] {
          overflow: hidden;
          font-size: 14px;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-name[data-v-2d749cca] {
        float: left;
        width: 160px;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-tel[data-v-2d749cca] {
        float: right;
  }
  .cap-logistics .cap-logistics__address .cap-logistics__address-detail[data-v-2d749cca] {
        margin-top: 2px;
        font-size: 12px;
        line-height: 16px;
        color: #666;
        word-break: break-all;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  /**
   * 棰滆壊鐩稿叧
   */
  .order-panel[data-v-505f4278] {
    background: #fff;
  }
  .order-panel .container[data-v-505f4278] {
      position: relative;
      height: 44px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 15px;
      font-size: 14px;
  }
  .order-panel .container img[data-v-505f4278] {
        width: 20px;
        height: 20px;
        border: 1px solid #fff;
        border-radius: 100%;
  }
  .order-panel .container .name[data-v-505f4278] {
        margin: 0 8px;
  }
  .order-panel .container .more[data-v-505f4278] {
        width: 6px;
        height: 6px;
        border: 1px solid #999;
        border-left: 0;
        border-bottom: 0;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
  }
  .order-panel .container .state[data-v-505f4278] {
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        color: #E94D75;
  }
  .order-panel .shop[data-v-505f4278], .order-panel .brand[data-v-505f4278] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  
  .sku-item[data-v-60ac600c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0;
    padding: 15px;
    background: #fafafa;
  }
  .sku-item .logo[data-v-60ac600c] {
      width: 75px;
      height: 75px;
      margin-right: 10px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
  }
  .sku-item .summary[data-v-60ac600c] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .sku-item .summary .l[data-v-60ac600c] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
  }
  .sku-item .summary .l .title[data-v-60ac600c] {
          font-size: 14px;
          display: inline-block;
          max-width: 200px;
  }
  .sku-item .summary .r[data-v-60ac600c] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
  }
  .sku-item .summary .r .detail[data-v-60ac600c] {
          margin-top: 5px;
          font-size: 12px;
          color: #999;
  }
  .sku-item .summary .r .exp[data-v-60ac600c] {
          margin-top: 8px;
          width: 36px;
          height: 16px;
          color: #fff;
          background: #e74c75;
          border-radius: 2px;
          line-height: 16px;
          text-align: center;
  }
  .together-detele[data-v-60ac600c] {
    margin-top: 5px;
    font-size: 12px;
    color: #999999;
    text-decoration: line-through;
  }
  
  .reserve-content .cell-form .form-group .form-label[data-v-487a76fc] {
    color: #222222;
  }
  .reserve-content .cell-form .form-group .form-text[data-v-487a76fc], .reserve-content .cell-form .form-group .form-input[data-v-487a76fc] {
    text-align: right;
  }
  .reserve-content .total-form[data-v-487a76fc] {
    padding: 15px;
  }
  .reserve-content .total-form .form-group[data-v-487a76fc] {
      height: 25px;
  }
  .reserve-content .total-form .form-group[data-v-487a76fc]:after {
        display: none;
  }
  .van-modal{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.701961);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.van-popup{position:fixed;background-color:#fff;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s ease-out;transition:.2s ease-out}.van-popup--top{width:100%;top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.van-popup--right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--bottom{width:100%;top:auto;bottom:0;right:auto;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}.van-popup--left{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.popup-slide-top-enter,.popup-slide-top-leave-active{-webkit-transform:translate3d(-50%,-100%,0);transform:translate3d(-50%,-100%,0)}.popup-slide-right-enter,.popup-slide-right-leave-active{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.popup-slide-bottom-enter,.popup-slide-bottom-leave-active{-webkit-transform:translate3d(-50%,100%,0);transform:translate3d(-50%,100%,0)}.popup-slide-left-enter,.popup-slide-left-leave-active{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.popup-fade-enter,.popup-fade-leave-active{opacity:0}
  
  .address-list-con {
    padding-bottom: 46px;
    max-height: 460px;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    z-index: 3000;
  }
  .address-list-con .van-cell__value {
      position: relative;
      padding-right: 50px;
  }
  .address-list-con .van-cell__value .van-radio__input {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
  }
  .address-list-con .van-cell__value .username {
        font-size: 14px;
        color: #333333;
  }
  .address-list-con .van-cell__value .address {
        font-size: 12px;
        color: #666666;
  }
  .address-list-con .van-cell__value .edit_btn {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
  }
  .address-header {
    position: relative;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #333333;
    border-bottom: 1px solid #E5E5E5;
  }
  .address-header .ico-close {
      width: 20px;
      height: 20px;
      background: url(//b.yzcdn.cn/beauty/wap/81769be4b1207dde32f4119c03bcf324.png) center no-repeat;
      background-size: contain;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -10px;
  }
  .address-add-btn {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    box-sizing: border-box;
    background: #FAFAFA;
  }
  .address-add-btn span {
      font-size: 14px;
  }
  .address-add-btn .van-icon-arrow {
      position: absolute;
      top: 0;
      right: 10px;
      font-size: 12px;
  }
  
  .address-edit-con .header {
    position: relative;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #333333;
    border-bottom: 1px solid #E5E5E5;
  }
  .address-edit-con .header .ico-close {
      width: 20px;
      height: 20px;
      background: url(//b.yzcdn.cn/beauty/wap/81769be4b1207dde32f4119c03bcf324.png) center no-repeat;
      background-size: contain;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -10px;
  }
  .address-edit-con .district-field .van-cell__value {
    padding-left: 10px;
  }
  .address-edit-con .foot-btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .address-edit-con .foot-btn .del-btn {
      background: #fff;
      display: block;
      width: 30%;
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      text-align: center;
      border: none;
  }
  .address-edit-con .foot-btn .del-btn:disabled {
        opacity: .6;
  }
  .address-edit-con .foot-btn .submit-btn {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      height: 50px;
      line-height: 50px;
      font-size: 16px;
      text-align: center;
      border: none;
  }
  .address-edit-con .foot-btn .submit-btn:disabled {
        opacity: .6;
  }
  
  div[data-v-0ca3915a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  div select[data-v-0ca3915a] {
      border: 0;
      outline: 0;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background-color: transparent;
      -webkit-tap-highlight-color: transparent;
      font-size: 14px;
      width: 33%;
  }
  
  .express-detail .main[data-v-5a52a9d4] {
    height: 90px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .express-detail .main .l [data-v-5a52a9d4]:not(:first-child) {
      margin-top: 5px;
  }
  .express-detail .main .r[data-v-5a52a9d4] {
      height: 22px;
      width: 50px;
      border: 1px solid #cacaca;
      text-align: center;
      line-height: 22px;
  }
  .express-detail .detail .item[data-v-5a52a9d4] {
    padding: 10px;
    color: #3f3f3f;
  }
  .express-detail .detail .top[data-v-5a52a9d4] {
    color: #333;
  }
  
  .reserve-success .hd[data-v-52c3fea7] {
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 31px 0 8px 0;
  }
  .reserve-success .hd .ico-ok > img[data-v-52c3fea7] {
      width: 80px;
      margin-bottom: 11px;
  }
  .reserve-success .hd .title[data-v-52c3fea7] {
      font-size: 18px;
      color: #333;
      margin-bottom: 8px;
  }
  .reserve-success .hd .amount[data-v-52c3fea7] {
      margin-bottom: 14px;
  }
  .reserve-success .hd .tips[data-v-52c3fea7] {
      color: #666;
      font-size: 12px;
  }
  .reserve-success .bd .form-group[data-v-52c3fea7] {
    font-size: 14px;
  }
  .reserve-success .bd .form-group .right[data-v-52c3fea7] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      color: #666;
      text-align: right;
  }
  .reserve-success .bd .form-group .right a[data-v-52c3fea7] {
        color: #666;
  }
  .reserve-success .bd .form-group .right .btn-cell-follow[data-v-52c3fea7] {
        width: 60px;
        height: 30px;
        color: #333;
        font-size: 14px;
        border: 0;
        background: #fff;
        line-height: 30px;
  }
  .reserve-success .bd .form-group .right .btn-cell-follow[data-v-52c3fea7]:before {
          border: 1px solid #cacaca;
          border-radius: 2px;
  }
  .reserve-success .bd .address[data-v-52c3fea7] {
    text-align: left;
    min-height: 44px;
    height: auto;
  }
  .reserve-success .bd .address label[data-v-52c3fea7] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
  }
  .reserve-success .bd .address .right[data-v-52c3fea7] {
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      width: 192px;
      text-align: right;
      padding: 10px 0;
  }
  .reserve-success .btn[data-v-52c3fea7] {
    border-radius: 100px;
    text-align: center;
  }
  
  .head .card .level.not .logo[data-v-30e01cab],
  .head .card .level.is .logo[data-v-30e01cab],
  .reserves .reserve-waitpay[data-v-30e01cab],
  .reserves .reserve-waitreserve[data-v-30e01cab],
  .reserves .reserve-end[data-v-30e01cab],
  .reserves .reserve-cancel[data-v-30e01cab],
  .menus .item .right[data-v-30e01cab],
  .menus .item .distribution-bg[data-v-30e01cab],
  .menus .item .member-bg[data-v-30e01cab],
  .menus .item .card-bg[data-v-30e01cab],
  .menus .item .phone-bg[data-v-30e01cab],
  .menus .item .account-bg[data-v-30e01cab] {
    background: url(//b.yzcdn.cn/beauty/wap/f3cb2d57571999569dc2fea77476816e.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .head[data-v-30e01cab] {
    height: 178px;
    background: linear-gradient(240deg, #26242F 0%, #4F4C5B 100%);
  }
  .head .card[data-v-30e01cab] {
    overflow: hidden;
    position: relative;
    top: 18px;
    height: 175px;
    margin: 0 15px;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .head .card .member-info[data-v-30e01cab] {
    position: absolute;
    left: 15px;
    top: 26px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .head .card .member-info .avatar[data-v-30e01cab] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
  }
  .head .card .member-info .member-msg[data-v-30e01cab] {
    margin-left: 13px;
  }
  .head .card .member-info .member-msg .name[data-v-30e01cab] {
    font-size: 20px;
    color: #000;
  }
  .head .card .member-info .member-msg .no[data-v-30e01cab] {
    margin-top: 7px;
    font-size: 12px;
    color: #888;
  }
  .head .card .level[data-v-30e01cab] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 36px;
    padding: 0 25px 0 7px;
    position: absolute;
    top: 11px;
    right: -18px;
    border-radius: 18px;
  }
  .head .card .level .logo[data-v-30e01cab] {
    width: 22px;
    height: 22px;
    margin-right: 8px;
  }
  .head .card .level.not[data-v-30e01cab] {
    border: 1px solid #E5E5E5;
    font-size: 13px;
  }
  .head .card .level.not .logo[data-v-30e01cab] {
    background-position: -72px -108px;
  }
  .head .card .level.is[data-v-30e01cab] {
    background: linear-gradient(240deg, #DBAD4D 0%, #E5BB7C 100%);
    color: #FFF;
    font-size: 12px;
  }
  .head .card .level.is .level-value[data-v-30e01cab] {
    -webkit-transform: scale(0.83);
        -ms-transform: scale(0.83);
            transform: scale(0.83);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    opacity: .7;
  }
  .head .card .level.is .logo[data-v-30e01cab] {
    background-position: -104px -108px;
  }
  .head .card .values[data-v-30e01cab] {
    position: absolute;
    bottom: 6px;
    left: 10px;
    width: calc(100% - 20px);
    height: 52px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .head .card .values[data-v-30e01cab]:before {
    border-top: 1px solid #E5E5E5;
  }
  .head .card .values li[data-v-30e01cab] {
    position: relative;
    width: 50%;
    margin-top: 12px;
    text-align: center;
  }
  .head .card .values li .value[data-v-30e01cab] {
    font-size: 16px;
  }
  .head .card .values li .value .new[data-v-30e01cab] {
    position: relative;
  }
  .head .card .values li .value .new[data-v-30e01cab]:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: -1px;
    right: -3px;
    background: #FF4444;
    border-radius: 50%;
  }
  .head .card .values li .label[data-v-30e01cab] {
    margin-top: 3px;
    font-size: 11px;
    color: #888;
  }
  .head .card .values li[data-v-30e01cab]:not(:last-child):after {
    content: '';
    position: absolute;
    top: 10px;
    right: 0;
    width: 1px;
    height: 40px;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    background: #d8d8d8;
  }
  .orders[data-v-30e01cab] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 42px 25px 18px 25px;
    margin-bottom: 10px;
    background: #FFF;
  }
  .orders .item[data-v-30e01cab] {
    position: relative;
    text-align: center;
  }
  .orders .item i[data-v-30e01cab] {
    display: block;
    font-size: 26px;
  }
  .orders .item span[data-v-30e01cab] {
    margin-top: 10px;
    text-align: center;
    display: block;
    color: #666;
  }
  .orders .item .ing[data-v-30e01cab] {
    padding: 0 2px;
    font-weight: 200;
    background: #FE6056;
    color: #FFF;
    text-align: center;
    line-height: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 9px;
    position: absolute;
    top: -5px;
    right: -5px;
    border: 1px solid #fff;
  }
  .reserves[data-v-30e01cab] {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding: 10px 0;
  }
  .reserves .l[data-v-30e01cab] {
    height: 75px;
    width: 75px;
    position: absolute;
  }
  .reserves .r[data-v-30e01cab] {
    margin-left: 85px;
    height: 75px;
  }
  .reserves .r .title[data-v-30e01cab] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .reserves .r .info[data-v-30e01cab] {
    margin-top: 8px;
  }
  .reserves .r .info .sku[data-v-30e01cab] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .reserves .r .info .time[data-v-30e01cab] {
    margin-top: 8px;
  }
  .reserves .r .info .dept[data-v-30e01cab] {
    margin-top: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 50px;
  }
  .reserves .status[data-v-30e01cab] {
    position: absolute;
    right: 3px;
    bottom: 10px;
    height: 44px;
    width: 44px;
    margin-left: 5px;
  }
  .reserves .reserve-waitpay[data-v-30e01cab] {
    background-position: 0 0;
  }
  .reserves .reserve-waitreserve[data-v-30e01cab] {
    background-position: -54px 0;
  }
  .reserves .reserve-end[data-v-30e01cab] {
    background-position: 0 -54px;
  }
  .reserves .reserve-cancel[data-v-30e01cab] {
    background-position: -54px -54px;
  }
  .menus[data-v-30e01cab] {
    padding: 0 15px;
  }
  .menus .item[data-v-30e01cab] {
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menus .item[data-v-30e01cab]:before {
    border-bottom: 1px solid #e5e5e5;
  }
  .menus .item[data-v-30e01cab]:last-child:before {
    border-bottom: none;
  }
  .menus .item .left[data-v-30e01cab] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menus .item .left .ic[data-v-30e01cab] {
    width: 26px;
    height: 26px;
  }
  .menus .item .left .title[data-v-30e01cab] {
    margin-left: 15px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #222222;
  }
  .menus .item .right[data-v-30e01cab] {
    width: 6px;
    height: 10px;
    background-position: -144px 0;
  }
  .menus .item .distribution-bg[data-v-30e01cab] {
    background-position: -108px -36px;
  }
  .menus .item .member-bg[data-v-30e01cab] {
    background-position: -108px -72px;
  }
  .menus .item .card-bg[data-v-30e01cab] {
    background-position: 0 -108px;
  }
  .menus .item .phone-bg[data-v-30e01cab] {
    background-position: -36px -108px;
  }
  .menus .item .account-bg[data-v-30e01cab] {
    background-position: -108px 0;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .head .card .level.not .logo[data-v-30e01cab],
    .head .card .level.is .logo[data-v-30e01cab],
    .reserves .reserve-waitpay[data-v-30e01cab],
    .reserves .reserve-waitreserve[data-v-30e01cab],
    .reserves .reserve-end[data-v-30e01cab],
    .reserves .reserve-cancel[data-v-30e01cab],
    .menus .item .right[data-v-30e01cab],
    .menus .item .distribution-bg[data-v-30e01cab],
    .menus .item .member-bg[data-v-30e01cab],
    .menus .item .card-bg[data-v-30e01cab],
    .menus .item .phone-bg[data-v-30e01cab],
    .menus .item .account-bg[data-v-30e01cab] {
      background-image: url(//b.yzcdn.cn/beauty/wap/9d4c3b3284b70b63a437a963c8aeae85.png);
      background-size: 150px 134px;
  }
  }
  .member-item[data-v-5d96b76e] {
    padding: 0 15px;
    margin-bottom: 10px;
  }
  .member-item .header[data-v-5d96b76e] {
      height: 45px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .member-item .right[data-v-5d96b76e] {
      display: inline-block;
      width: 6px;
      height: 10px;
      background: url();
      background-size: 100% auto;
  }
  
  .menus .item .right[data-v-b2010aa8] {
    background: url(//b.yzcdn.cn/beauty/wap/2bec738beafe6eb8a41a611ae87b855b.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .menus[data-v-b2010aa8] {
    padding: 0 15px;
    background: #fff;
  }
  .menus .item[data-v-b2010aa8] {
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menus .item[data-v-b2010aa8]:before {
    border-bottom: 1px solid #e5e5e5;
  }
  .menus .item[data-v-b2010aa8]:last-child:before {
    border-bottom: none;
  }
  .menus .item .left[data-v-b2010aa8] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menus .item .left .title[data-v-b2010aa8] {
    margin-left: 15px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #222222;
  }
  .menus .item .right[data-v-b2010aa8] {
    width: 6px;
    height: 10px;
    background-position: 0 0;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .menus .item .right[data-v-b2010aa8] {
      background-image: url(//b.yzcdn.cn/beauty/wap/9aab5edefd30b9a7f7c765de4c40976d.png);
      background-size: 6px 10px;
  }
  }/* sprite-loader-enable */
  .menus[data-v-07e10e59] {
    padding: 0 20px;
    background: #fff;
  }
  .menus .item[data-v-07e10e59] {
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .menus .item[data-v-07e10e59]:before {
    border-bottom: 1px solid #e5e5e5;
  }
  .menus .item[data-v-07e10e59]:last-child:before {
    border-bottom: none;
  }
  .menus .item .left[data-v-07e10e59] {
    width: 70%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .menus .item .left label[data-v-07e10e59] {
    font-size: 14px;
    color: #555;
  }
  .menus .item .left input[data-v-07e10e59] {
    font-size: 14px;
    color: #333;
    border: none;
    background: none;
  }
  .menus .item .right[data-v-07e10e59] {
    font-size: 12px;
  }
  .menus .item .right.count[data-v-07e10e59] {
    color: #555;
  }
  .menus .item .right.send[data-v-07e10e59] {
    color: #e74c75;
  }
  .prompt[data-v-07e10e59] {
    font-size: 12px;
    color: #999;
    margin: 10px 0 0 20px;
  }
  .submit[data-v-07e10e59] {
    height: 44px;
    width: 336px;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    background-image: linear-gradient(-117deg, #D5466C 0%, #FA5B52 100%);
    border-radius: 22px;
    margin: 35px auto 0;
  }
  .submit.disable[data-v-07e10e59] {
    opacity: .5;
  }
  .submit-prompt[data-v-07e10e59] {
    margin: 10px auto 0;
    color: #999;
    text-align: center;
  }
  .success[data-v-07e10e59] {
    padding-top: 72px;
  }
  .success img[data-v-07e10e59] {
    width: 128px;
    height: 128px;
    margin: 0 auto;
    display: block;
  }
  .success .text[data-v-07e10e59] {
    font-size: 15px;
    color: #03bb78;
    margin-top: 10px;
    text-align: center;
  }
  .success .new[data-v-07e10e59] {
    font-size: 20px;
    color: #222;
    margin-top: 30px;
    text-align: center;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .list[data-v-211f8f6e] {
    padding: 29px 15px 0 15px;
  }
  .container[data-v-211f8f6e] {
    margin-bottom: 30px;
  }
  .container .header[data-v-211f8f6e] {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .container .header .left[data-v-211f8f6e] {
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #222;
  }
  .container .header .right[data-v-211f8f6e] {
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #888;
  }
  .container .header .right img[data-v-211f8f6e] {
    width: 5px;
    height: 8px;
    margin-left: 10px;
  }
  .container .cardlist .card[data-v-211f8f6e] {
    width: 100%;
    height: 90px;
    border-radius: 8px 8px 8px 8px;
    padding: 23px 0 0 16px;
    box-sizing: border-box;
    margin-top: 18px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .container .cardlist .card .cardName[data-v-211f8f6e] {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #FFF;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .container .cardlist .card i[data-v-211f8f6e] {
    border-left: 0.5px #fff solid;
    display: inline-block;
    height: 12px;
    margin: 0 13px 0 13px;
    opacity: 0.4;
    vertical-align: top;
  }
  .container .cardlist .card .range[data-v-211f8f6e] {
    margin-top: 12px;
    opacity: 0.8;
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #FFF;
  }
  .container .cardlist .card .range span[data-v-211f8f6e] {
    position: relative;
    margin-right: 20px;
  }
  .container .cardlist .card .range span[data-v-211f8f6e]::after {
    position: absolute;
    content: '';
    width: 1px;
    height: 12px;
    background: #fff;
    top: 4px;
    margin-left: 10px;
    opacity: 0.7;
  }
  .container .cardlist .card .range span[data-v-211f8f6e]:last-child::after {
    display: none;
  }
  .cardList-empty[data-v-211f8f6e] {
    margin-bottom: 30px;
  }
  .cardList-empty .text[data-v-211f8f6e] {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #222;
  }
  .cardList-empty .voucher[data-v-211f8f6e] {
    margin-top: 16px;
    width: 100%;
    height: 90px;
    background: #FFF;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 8px 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cardList-empty .voucher .i1 .logo[data-v-211f8f6e] {
    width: 45px;
    height: 44px;
    background-image: url(//b.yzcdn.cn/beauty/wap/0e4b0f081496b7a5ef97968f4859eca5.png);
    margin-left: 17px;
    display: inline-block;
    background-size: 100% 100%;
  }
  .cardList-empty .voucher .i1 span[data-v-211f8f6e] {
    font-size: 18px;
    color: #888;
    margin-left: 8px;
    vertical-align: top;
    background-size: 100% 100%;
    display: inline-block;
    height: 44px;
    line-height: 44px;
  }
  .cardList-empty .voucher .i2[data-v-211f8f6e] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #888;
  }
  .cardList-empty .voucher .i2 img[data-v-211f8f6e] {
    width: 5px;
    height: 8px;
    margin-left: 10px;
    margin-right: 11px;
  }
  .voucherList .text[data-v-211f8f6e] {
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #222;
  }
  .voucherList .voucher[data-v-211f8f6e] {
    margin-top: 16px;
    width: 100%;
    height: 90px;
    background: #FFF;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1);
    border-radius: 8px 8px 8px 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .voucherList .voucher .i1 .logo[data-v-211f8f6e] {
    width: 45px;
    height: 44px;
    background-image: url(//b.yzcdn.cn/beauty/wap/91f253ecca1109cad019eaab4ce267d3.png);
    margin-left: 17px;
    display: inline-block;
    background-size: 100% 100%;
  }
  .voucherList .voucher .i1 span[data-v-211f8f6e] {
    font-size: 18px;
    color: #888;
    margin-left: 8px;
    vertical-align: top;
    background-size: 100% 100%;
    display: inline-block;
    height: 44px;
    line-height: 44px;
  }
  .voucherList .voucher .i2[data-v-211f8f6e] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #888;
  }
  .voucherList .voucher .i2 img[data-v-211f8f6e] {
    width: 5px;
    height: 8px;
    margin-left: 10px;
    margin-right: 11px;
  }
  .card1[data-v-211f8f6e] {
    background-image: linear-gradient(42deg, #FB9C32 0%, #FC7E36 100%);
  }
  .card2[data-v-211f8f6e] {
    background-image: linear-gradient(43deg, #1BCF73 0%, #29D746 100%);
  }
  .card3[data-v-211f8f6e] {
    background-image: linear-gradient(43deg, #22B0E4 100%, #2898E7 0%);
  }
  .main > div .right .arrow[data-v-2b7fba3e],
  .main > div .selects div[data-v-2b7fba3e] {
    background: url(//b.yzcdn.cn/beauty/wap/8884c1ef3c2870323d5832a42ef1b0ee.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  div[data-v-2b7fba3e] {
    font-size: 14px;
    color: #333333;
    text-align: left;
  }
  .form .form-item label[data-v-2b7fba3e] {
    width: 80px;
  }
  .form .form-item .sex[data-v-2b7fba3e] {
    height: 100%;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .form .form-item select[data-v-2b7fba3e] {
    border: 0;
    outline: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-size: inherit;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
  }
  .skip[data-v-2b7fba3e] {
    text-align: center;
  }
  .skip a[data-v-2b7fba3e] {
    color: #E74C75;
  }
  .main[data-v-2b7fba3e] {
    margin-top: 10px;
    padding: 0 15px 0 15px;
    background: #fff;
  }
  .main[data-v-2b7fba3e]:before {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .main > div[data-v-2b7fba3e] {
    height: 46px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main > div input[data-v-2b7fba3e] {
    border: 0;
    outline: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-size: inherit;
    -webkit-tap-highlight-color: transparent;
    background: transparent;
  }
  .main > div select[data-v-2b7fba3e] {
    border: 0;
    outline: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-size: inherit;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;
  }
  .main > div .left[data-v-2b7fba3e] {
    width: 20%;
  }
  .main > div .right[data-v-2b7fba3e] {
    width: 70%;
    background: transparent;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .main > div .right .selects[data-v-2b7fba3e] {
    height: 100%;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .main > div .right .arrow[data-v-2b7fba3e] {
    background-position: -16px 0;
    width: 6px;
    height: 10px;
  }
  .main > div .selects[data-v-2b7fba3e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main > div .selects select[data-v-2b7fba3e] {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .main > div .selects div[data-v-2b7fba3e] {
    background-position: -16px 0;
    width: 6px;
    height: 10px;
  }
  .main > [data-v-2b7fba3e]:not(:last-child):before {
    border-bottom: 1px solid #e5e5e5;
  }
  .save[data-v-2b7fba3e] {
    width: 93.73%;
    height: 44px;
    margin: 28px auto;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    border-radius: 28px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .main > div .right .arrow[data-v-2b7fba3e],
    .main > div .selects div[data-v-2b7fba3e] {
      background-image: url(//b.yzcdn.cn/beauty/wap/d8f6d56720b8c44443fad896e12fd8d6.png);
      background-size: 22px 10px;
  }
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * css涓夎褰�
  */
  div[data-v-953ecf88] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    text-align: left;
  }
  .card[data-v-953ecf88] {
    padding: 17px 15px 15px 15px;
  }
  .card > div[data-v-953ecf88] {
    border-radius: 8px;
    width: 100%;
    height: 154px;
    padding: 20px 20px 20px 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .card > div .top[data-v-953ecf88] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .card > div .top .left[data-v-953ecf88] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .card > div .top .left .shop-head[data-v-953ecf88] {
    border: 1px solid #ffffff;
    width: 24px;
    height: 24px;
    border-radius: 100%;
  }
  .card > div .top .left .title[data-v-953ecf88] {
    margin-left: 5px;
    font-size: 16px;
    color: #fff;
  }
  .card > div .top .qr[data-v-953ecf88] {
    width: 26px;
    height: 26px;
  }
  .card > div .bottom[data-v-953ecf88] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .card > div .bottom .left [data-v-953ecf88]:nth-child(1) {
    font-size: 18px;
    color: #fff;
  }
  .card > div .bottom .left [data-v-953ecf88]:nth-child(2) {
    color: #fff;
    margin-top: 9px;
  }
  .card > div .bottom .right[data-v-953ecf88] {
    color: #fff;
  }
  .member[data-v-953ecf88] {
    background: #ffffff;
    height: 70px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 15px 10px 15px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .member > [data-v-953ecf88]:nth-child(1) {
    width: 50px;
    height: 50px;
    border-radius: 100%;
  }
  .member > [data-v-953ecf88]:nth-child(2) {
    margin-left: 15px;
  }
  .member > :nth-child(2) [data-v-953ecf88]:nth-child(2) {
    margin-top: 15px;
  }
  .space[data-v-953ecf88] {
    height: 10px;
  }
  .rights[data-v-953ecf88] {
    margin-top: -5px;
  }
  .rights[data-v-953ecf88]::before {
    position: absolute;
    content: '';
    background: #fff;
    width: 14px;
    height: 14px;
    top: 165px;
    left: calc(50% - 10px);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .links[data-v-953ecf88] {
    border-bottom: 0.5px solid #e5e5e5;
  }
  .links a[data-v-953ecf88] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .links .header[data-v-953ecf88] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50px;
    background-color: #fff;
    padding: 0 15px 0 15px;
  }
  .links .header .left[data-v-953ecf88] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .links .header .left img[data-v-953ecf88] {
    width: 20px;
    height: 21px;
  }
  .links .header .left div[data-v-953ecf88] {
    margin-left: 5px;
  }
  .links .header .right[data-v-953ecf88] {
    width: 6px;
    height: 10px;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .links .header .trans[data-v-953ecf88] {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .links .content[data-v-953ecf88] {
    padding: 2px 15px 15px 15px;
    background-color: #fff;
  }
  .links .content .desc[data-v-953ecf88] {
    font-size: 12px;
    line-height: 18px;
    word-wrap: break-word;
  }
  .sync[data-v-953ecf88] {
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #E74C75;
    background: #fff;
    position: relative;
    border-radius: 0;
  }
  .sync[data-v-953ecf88]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 0;
    box-sizing: border-box;
  }
  .sync > *[data-v-953ecf88] {
    position: relative;
  }
  .sync[data-v-953ecf88]:before {
    border-top: 1px solid #e5e5e5;
  }
  .sync[data-v-953ecf88]:before {
    border-right: 0px solid #e5e5e5;
  }
  .sync[data-v-953ecf88]:before {
    border-bottom: 0px solid #e5e5e5;
  }
  .sync[data-v-953ecf88]:before {
    border-left: 0px solid #e5e5e5;
  }
  .bg[data-v-953ecf88] {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.69;
  }
  .detail[data-v-953ecf88] {
    position: fixed;
    z-index: 200;
    top: 67px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 12px;
    width: 92%;
    height: 440px;
  }
  .detail .header[data-v-953ecf88] {
    background-image: linear-gradient(90deg, #189dd5 0%, #4ee2c1 99%);
    border-radius: 12px 12px 0px 0px;
    width: 100%;
    height: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 20px 15px 20px;
  }
  .detail .header .top[data-v-953ecf88] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .detail .header .top .left[data-v-953ecf88] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .detail .header .top .left img[data-v-953ecf88] {
    border: 1px solid #ffffff;
    width: 24px;
    height: 24px;
    border-radius: 100%;
  }
  .detail .header .top .left div[data-v-953ecf88] {
    color: #ffffff;
    margin-left: 7px;
  }
  .detail .header .top .right[data-v-953ecf88] {
    width: 10px;
    height: 10px;
  }
  .detail .header .name[data-v-953ecf88] {
    font-size: 20px;
    color: #ffffff;
  }
  .detail .content[data-v-953ecf88] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .detail .content .qr[data-v-953ecf88] {
    width: 120px;
    height: 120px;
    margin-top: 20px;
  }
  .detail .content .tiao[data-v-953ecf88] {
    width: 240px;
    height: 60px;
    margin-top: 40px;
  }
  .detail .content .num[data-v-953ecf88] {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
  }
  .detail .time[data-v-953ecf88] {
    position: absolute;
    bottom: 0;
    height: 20px;
    width: 100%;
    background-color: #f8f8f8;
    border-radius: 0 0 12px 12px;
    font-size: 10px;
    color: #999;
    text-align: center;
    line-height: 20px;
  }
  .qrcode-enter[data-v-953ecf88],
  .qrcode-leave-active[data-v-953ecf88] {
    opacity: 0;
  }
  .qrcode-enter-active[data-v-953ecf88],
  .qrcode-leave-active[data-v-953ecf88] {
    transition: opacity .5s;
  }
  .btns[data-v-953ecf88] {
    position: fixed;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .card-rights .panel h3 .label[data-v-fa9d8a9c] {
    background: url(//b.yzcdn.cn/beauty/wap/45932afbc2a693a7e5b298b87996e9cf.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .card-rights.m-10[data-v-fa9d8a9c] {
    margin-bottom: 10px;
  }
  .card-rights .panel[data-v-fa9d8a9c] {
    padding: 22px 15px 6px;
    background: #FFF;
  }
  .card-rights .panel h3[data-v-fa9d8a9c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 15px;
    color: #222;
  }
  .card-rights .panel h3 > *[data-v-fa9d8a9c] {
    margin: 0 3px;
  }
  .card-rights .panel h3 .label[data-v-fa9d8a9c] {
    width: 19px;
    height: 8px;
    background-position: 0 0;
  }
  .card-rights .panel h3 .label[data-v-fa9d8a9c]:last-of-type {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  .card-rights .panel .show-arrow[data-v-fa9d8a9c] {
    text-align: center;
    cursor: pointer;
  }
  .card-rights .panel .show-arrow img[data-v-fa9d8a9c] {
    width: 26px;
  }
  .card-rights .panel .discount p[data-v-fa9d8a9c] {
    font-size: 12px;
    color: #888888;
    margin: 26px 0 25px;
  }
  .card-rights .panel .card-header-count[data-v-fa9d8a9c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    padding-top: 10px;
  }
  .card-rights .panel .card-header-count .count-item[data-v-fa9d8a9c] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .card-rights .panel .card-header-count .count-item .count-num[data-v-fa9d8a9c] {
    font-weight: 400;
    line-height: 22px;
    color: #333;
    font-size: 16px;
  }
  .card-rights .panel .card-header-count .count-item .count-label[data-v-fa9d8a9c] {
    color: #999;
    font-size: 12px;
    line-height: 30px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .card-rights .panel h3 .label[data-v-fa9d8a9c] {
      background-image: url(//b.yzcdn.cn/beauty/wap/115d29cc6697ff9f117bfa4f1c20120e.png);
      background-size: 19px 8px;
  }
  }
  .cell-wrap[data-v-db2b5296] {
    margin: 20px 0;
  }
  .cell-wrap .cell[data-v-db2b5296] {
      background: #fafafa;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      height: 75px;
  }
  .cell-wrap .cell .img-wrap[data-v-db2b5296] {
        width: 75px;
        height: 75px;
        margin-right: 12px;
  }
  .cell-wrap .cell .img-wrap img[data-v-db2b5296] {
          outline: 0.5px solid #f4f4f4;
          width: 75px;
          height: 75px;
          object-fit: cover;
  }
  .cell-wrap .cell .title[data-v-db2b5296] {
        -webkit-flex: 2;
            -ms-flex: 2;
                flex: 2;
        font-size: 12px;
        margin-top: 6px;
  }
  .cell-wrap .cell .title h4[data-v-db2b5296] {
          font-size: 14px;
          font-weight: bold;
          color: #222;
  }
  .cell-wrap .cell .title h4 span[data-v-db2b5296] {
            vertical-align: middle;
            font-weight: normal;
            word-break: break-all;
  }
  .cell-wrap .cell .title h4 .gift[data-v-db2b5296] {
            display: inline-block;
            vertical-align: middle;
            margin-left: 4px;
            width: 13px;
            height: 13px;
            line-height: 13px;
            text-align: center;
            font-size: 10px;
            font-family: PingFangSC-Light;
  }
  .cell-wrap .cell .title p[data-v-db2b5296] {
          color: #888;
  }
  .cell-wrap .cell .title > *[data-v-db2b5296] {
          margin-bottom: 6px;
  }
  .cell-wrap .cell .value[data-v-db2b5296] {
        margin-right: 13px;
        font-size: 12px;
        color: #888;
  }
  .cell-wrap .cell .value span[data-v-db2b5296] {
          vertical-align: middle;
  }
  .cell-wrap .cell .value img[data-v-db2b5296] {
          width: 6px;
          height: 10px;
          margin-left: 8px;
          vertical-align: middle;
  }
  .cell-wrap .cell.cell-inValid .title h4[data-v-db2b5296] {
        color: #888;
  }
  .cell-wrap .cell.cell-inValid .title h4 .gift[data-v-db2b5296] {
          background-color: #D8D8D8;
  }
  .cell-wrap .cell.cell-inValid .value .highlight[data-v-db2b5296] {
        color: #888;
  }
  .fade-enter-active[data-v-db2b5296], .fade-leave-active[data-v-db2b5296] {
    transition: opacity .3s;
  }
  .fade-enter-to[data-v-db2b5296], .fade-leave[data-v-db2b5296] {
    opacity: 1;
  }
  .fade-enter[data-v-db2b5296], .fade-leave-to[data-v-db2b5296] {
    opacity: 0;
  }
  
  h3 .label[data-v-6d15e61e] {
    background: url(//b.yzcdn.cn/beauty/wap/45932afbc2a693a7e5b298b87996e9cf.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  h3[data-v-6d15e61e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 15px;
    color: #222;
  }
  h3 > *[data-v-6d15e61e] {
    margin: 0 3px;
  }
  h3 .label[data-v-6d15e61e] {
    width: 19px;
    height: 8px;
    background-position: 0 0;
  }
  h3 .label[data-v-6d15e61e]:last-of-type {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  .sub-title[data-v-6d15e61e] {
    color: #9b9b9b;
    font-size: 13px;
    text-align: center;
    margin-top: 8px;
  }
  .sub-title .sub-title-num[data-v-6d15e61e] {
    color: #E74C75;
    padding: 0 5px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  h3 .label[data-v-6d15e61e] {
      background-image: url(//b.yzcdn.cn/beauty/wap/115d29cc6697ff9f117bfa4f1c20120e.png);
      background-size: 19px 8px;
  }
  }
  .show-arrow[data-v-3a601a46] {
    text-align: center;
    cursor: pointer;
  }
  .show-arrow img[data-v-3a601a46] {
      width: 26px;
  }
  
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .usage-record[data-v-6bdf2802] {
    background: #FFF;
    padding-top: 24px;
    margin-bottom: 10px;
  }
  .usage-record .wrap[data-v-6bdf2802] {
    margin-top: 19px;
    padding: 0 16px;
  }
  .usage-record .more-btn[data-v-6bdf2802] {
    display: block;
    font-size: 13px;
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #888888;
    border-top: 0.5px solid #E5E5E5;
  }
  .usage-record .gift-icon[data-v-6bdf2802] {
    display: inline-block;
    height: 10px;
    width: 10px;
    background-image: url(//b.yzcdn.cn/beauty/wap/1e445fdb2b3193fbf2fff88b4d1c32b4.png);
    background-size: 100% 100%;
  }
  table[data-v-13ce41f4] {
    width: 100%;
    color: #000;
  }
  table th[data-v-13ce41f4] {
      box-sizing: border-box;
      font-size: 11px;
      color: #4A4A4A;
      padding: 11px 0 7px;
  }
  table th[data-v-13ce41f4]:last-child {
      text-align: right;
  }
  table th[data-v-13ce41f4]:first-child {
      width: 45%;
  }
  table th[data-v-13ce41f4]:nth-child(2) {
      width: 31%;
  }
  table th[data-v-13ce41f4]:last-child {
      width: 24%;
      text-align: right;
  }
  table td[data-v-13ce41f4] {
      font-size: 12px;
      padding: 15px 0 14px;
      word-break: break-all;
      line-height: 1.4em;
  }
  table td.price[data-v-13ce41f4] {
        color: #E74C75;
  }
  table td[data-v-13ce41f4]:last-child {
      text-align: right;
  }
  table tr[data-v-13ce41f4] {
      border-bottom: 0.5px solid #E5E5E5;
  }
  table tbody tr[data-v-13ce41f4]:last-child {
      border-bottom: none;
  }
  .text-green[data-v-13ce41f4] {
    color: #3CB943;
  }
  
  .container[data-v-abffaa82] {
    margin: 10px 0;
    background-color: #fff;
  }
  .title[data-v-abffaa82] {
    height: 60px;
    background-color: #fff;
    font-size: 14px;
    color: #666666;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .item[data-v-abffaa82] {
    position: relative;
    margin: 0 15px;
    border-top: 1px solid #e5e5e5;
    padding-left: 22px;
    padding-bottom: 18px;
  }
  .item[data-v-abffaa82]:first-child {
    border-top: none;
  }
  .item[data-v-abffaa82]:before {
    content: ' ';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d8d8d8;
    left: 0;
    top: 50%;
    margin-top: -4px;
  }
  .distance[data-v-abffaa82] {
    position: absolute;
    top: 14px;
    right: 2px;
    font-size: 11px;
    color: #999999;
    letter-spacing: -0.27px;
  }
  .name[data-v-abffaa82] {
    padding-top: 16px;
    font-size: 15px;
    color: #222222;
    line-height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 80px;
  }
  .address[data-v-abffaa82] {
    margin-top: 6px;
    font-size: 12px;
    color: #888888;
    line-height: 1.5em;
  }
  .more[data-v-abffaa82] {
    height: 50px;
    line-height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .total[data-v-abffaa82] {
    font-size: 10px;
    color: #888888;
    line-height: 10px;
    margin-bottom: 7px;
  }
  .icon-arrow[data-v-abffaa82], .icon-arrow-down[data-v-abffaa82], .icon-arrow-up[data-v-abffaa82] {
    border-left: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 6px;
    height: 6px;
  }
  .icon-arrow-down[data-v-abffaa82] {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .icon-arrow-up[data-v-abffaa82] {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  
  .btns[data-v-36be2566] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .btns a[data-v-36be2566] {
      color: #666;
  }
  .btns .b-btn[data-v-36be2566] {
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      background: #fff;
      text-align: center;
      height: 44px;
      line-height: 44px;
      font-size: 16px;
      border-top: 1px solid #e5e5e5;
  }
  .btns .b-btn[data-v-36be2566]:first-child:not(:last-child) {
        border-right: 1px solid #e5e5e5;
  }
  
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * css涓夎褰�
  */
  .wrap .header[data-v-5d429c38] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 162px;
    background: #494949;
    text-align: center;
    color: #F6DBB0;
  }
  .wrap .header h1[data-v-5d429c38] {
    font-size: 32px;
    font-weight: 500;
  }
  .wrap .header p[data-v-5d429c38] {
    font-size: 12px;
    font-weight: 400;
  }
  .wrap .list .recharge[data-v-5d429c38] {
    width: 335px;
    margin: 0 auto 12px;
  }
  .wrap .list .recharge[data-v-5d429c38]:first-child {
    margin-top: -26px;
  }/* sprite-loader-enable */
  .recharge-item[data-v-1b40e028] {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.06);
  }
  .recharge-item.no-actions[data-v-1b40e028] {
    height: 140px;
  }
  .recharge-item.no-actions .body[data-v-1b40e028] {
    border-bottom: none;
  }
  .recharge-item.disabled .body .name[data-v-1b40e028] {
    color: #D0D0D0;
  }
  .recharge-item.disabled .body .price-wrap h2[data-v-1b40e028] {
    color: #D0D0D0;
  }
  .recharge-item.disabled .body .price-wrap .btn[data-v-1b40e028] {
    background: #D0D0D0;
  }
  .recharge-item.disabled .body .gift[data-v-1b40e028] {
    color: #D0D0D0;
  }
  .recharge-item .body[data-v-1b40e028] {
    border-bottom: 1px solid #f2f2f2;
    padding: 15px;
  }
  .recharge-item .body .name[data-v-1b40e028] {
    font-size: 14px;
    color: #4a4a4a;
    margin: 2px 0 22px;
  }
  .recharge-item .body .price-wrap[data-v-1b40e028] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5px;
  }
  .recharge-item .body .price-wrap h2[data-v-1b40e028] {
    font-size: 22px;
    color: #000;
    line-height: 28px;
  }
  .recharge-item .body .price-wrap .btn[data-v-1b40e028] {
    display: inline-block;
    text-align: center;
    width: 66px;
    height: 28px;
    line-height: 28px;
    background: #deb776;
    border-radius: 14px;
    color: #fff;
    margin-right: 11px;
  }
  .recharge-item .body .price-wrap .btn.disabled[data-v-1b40e028] {
    background: #D0D0D0;
  }
  .recharge-item .body .gift[data-v-1b40e028] {
    font-size: 12px;
    color: #9b9b9b;
  }
  .recharge-item .body .gift span[data-v-1b40e028] {
    display: inline-block;
    margin-right: 30px;
  }
  .recharge-item .foot[data-v-1b40e028] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .recharge-item .foot .f-btn[data-v-1b40e028] {
    position: relative;
    box-sizing: border-box;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 12px 0 13px;
    line-height: 20px;
    height: 45px;
  }
  .recharge-item .foot .f-btn[data-v-1b40e028]:first-child::after {
    position: absolute;
    top: -1px;
    right: 0;
    content: '';
    width: 1px;
    height: 45px;
    background: #f2f2f2;
  }/* sprite-loader-enable */
  .modal[data-v-06c4b3ca] {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -157.5px;
    margin-top: -87px;
    background: #fff;
    width: 315px;
    border-radius: 6px;
  }
  .modal .content[data-v-06c4b3ca] {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
  }
  .modal .content .title[data-v-06c4b3ca] {
    font-size: 14px;
    color: #333;
    margin: 21px 0 11px;
  }
  .modal .content .price[data-v-06c4b3ca] {
    font-size: 26px;
    color: #222;
    font-weight: 400;
  }
  .modal .content .gift[data-v-06c4b3ca] {
    font-size: 12px;
    color: #999;
    margin-bottom: 22px;
  }
  .modal .actions[data-v-06c4b3ca] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .modal .actions .f-btn[data-v-06c4b3ca] {
    position: relative;
    box-sizing: border-box;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 16px;
    text-align: center;
    padding: 12px 0 13px;
    line-height: 30px;
    height: 53px;
  }
  .modal .actions .f-btn[data-v-06c4b3ca]:first-child::after {
    position: absolute;
    top: -2px;
    right: 0;
    content: '';
    width: 1px;
    height: 53px;
    background: #f2f2f2;
  }
  .modal .actions .f-btn.btn-cancel[data-v-06c4b3ca] {
    color: #666;
  }/* sprite-loader-enable */
  .header[data-v-539b003e] {
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    background: #fff;
  }
  .header .avatar[data-v-539b003e] {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    margin-right: 6px;
    border-radius: 50%;
  }
  .header .name[data-v-539b003e] {
    font-size: 14px;
    color: #666;
  }
  .tips[data-v-539b003e] {
    margin: 20px 15px;
    font-size: 14px;
  }
  .options[data-v-539b003e] {
    padding: 0 15px;
  }
  .options .item[data-v-539b003e] {
    position: relative;
    margin-top: 15px;
    height: 90px;
    box-sizing: border-box;
    padding: 20px 15px 20px 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 6px;
    box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.1);
    background: #fff;
  }
  .options .item[data-v-539b003e]:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 100%;
    left: 0;
    top: 0;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    background: #FC9A33;
  }
  .options .item[data-v-539b003e]:nth-of-type(4n+1):before {
    background: #EB4F64;
  }
  .options .item[data-v-539b003e]:nth-of-type(4n+2):before {
    background: #289be8;
  }
  .options .item[data-v-539b003e]:nth-of-type(4n+3):before {
    background: #1DD06F;
  }
  .options .item .price[data-v-539b003e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 30px;
  }
  .options .item .price sub[data-v-539b003e] {
    line-height: 30px;
    margin-left: 4px;
    font-size: 26px;
    vertical-align: baseline;
  }
  .options .item .price .zeng[data-v-539b003e] {
    border-radius: 1px;
    font-size: 16px;
    font-family: PingFangSC-Regular;
    padding: 2px 8px;
    margin-left: 4px;
  }
  .options .item .custom-title[data-v-539b003e] {
    font-size: 24px;
    color: #222;
  }
  .options .item .custom-sub[data-v-539b003e] {
    font-size: 12px;
    color: #7e7e7e;
    margin-top: 5px;
  }
  .options .item ul[data-v-539b003e] {
    text-align: right;
    font-size: 12px;
    color: #888;
  }
  .options .item ul li[data-v-539b003e] {
    float: left;
    margin-top: 7px;
  }
  .empty[data-v-539b003e] {
    padding-top: 108px;
    text-align: center;
    color: #888;
    font-size: 14px;
  }
  .empty .bg[data-v-539b003e] {
    width: 141px;
    height: 96px;
    background: url(//b.yzcdn.cn/beauty/wap/2f726b19fc0f5b8b9f7beb1637174d55.png) no-repeat center;
    background-size: 100% 100%;
    display: inline-block;
    margin-bottom: 22px;
  }/* sprite-loader-enable */
  .main .header .bg-b[data-v-21752656] {
    height: 82px;
    background: #494949;
  }
  .main .header .recharge[data-v-21752656] {
    position: absolute;
    width: 345px;
    margin: -66px auto 0;
    left: 0;
    right: 0;
  }
  .main .header .bg-w[data-v-21752656] {
    background: #fff;
    height: 82px;
  }
  .main .space[data-v-21752656] {
    width: 100%;
    height: 7px;
  }
  .main .item[data-v-21752656] {
    box-sizing: border-box;
    height: 65px;
    background: #fff;
  }
  .main .item[data-v-21752656]:before {
    z-index: 1;
  }
  .main .item .top[data-v-21752656] {
    padding-top: 15px;
  }
  .main .item .bottom[data-v-21752656] {
    padding-top: 8px;
  }
  .main .item .show[data-v-21752656] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .main .item .income[data-v-21752656] {
    color: #44bb00;
  }
  .main .item .expenditure[data-v-21752656] {
    color: #ee3333;
  }
  .main .item .time[data-v-21752656] {
    font-size: 12px;
    color: #666;
    text-align: left;
  }
  .main .item .balance[data-v-21752656] {
    font-size: 12px;
    color: #666;
    text-align: right;
  }
  .main .empty[data-v-21752656] {
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
  }
  .custom-tab-for-recharge .pirate-tab__line .line-con {
    background: #D6A654 !important;
  }
  .custom-tab-for-recharge .pirate-tab .pirate-nav.on {
    color: #D6A654 !important;
  }
  /* sprite-loader-enable */
  .form div[data-v-405477f5] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 68px;
    background: #fff;
    padding: 0 20px;
  }
  .form div label[data-v-405477f5] {
    font-size: 14px;
    color: #666;
    line-height: 68px;
  }
  .form div label .tag[data-v-405477f5] {
    margin-left: 10px;
    font-size: 16px;
    color: #000;
  }
  .form div input[data-v-405477f5] {
    font-size: 14px;
    border: none;
    margin-left: 10px;
  }
  .form .btn[data-v-405477f5] {
    display: block;
    margin: 20px 15px 0;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    text-align: center;
  }
  .form .btn.disabled[data-v-405477f5] {
    opacity: .5;
    pointer-events: none;
  }
  .bottom[data-v-405477f5] {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .recharge-success .hd[data-v-20a435d5] {
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 31px 0 8px 0;
  }
  .recharge-success .hd .ico-ok > img[data-v-20a435d5] {
      width: 80px;
      margin-bottom: 11px;
  }
  .recharge-success .hd .title[data-v-20a435d5] {
      font-size: 18px;
      color: #333;
      margin-bottom: 8px;
  }
  .recharge-success .hd .amount[data-v-20a435d5] {
      margin-bottom: 14px;
  }
  .recharge-success .hd .tips[data-v-20a435d5] {
      color: #666;
      font-size: 12px;
  }
  .recharge-success .bd .form-group[data-v-20a435d5] {
    font-size: 14px;
  }
  .recharge-success .bd .form-group .right[data-v-20a435d5] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      color: #666;
      text-align: right;
  }
  .recharge-success .bd .form-group .right a[data-v-20a435d5] {
        color: #666;
  }
  .recharge-success .bd .form-group .right .btn-cell-follow[data-v-20a435d5] {
        width: 60px;
        height: 30px;
        color: #333;
        font-size: 14px;
        border: 0;
        background: #fff;
        line-height: 30px;
  }
  .recharge-success .bd .form-group .right .btn-cell-follow[data-v-20a435d5]:before {
          border: 1px solid #cacaca;
          border-radius: 2px;
  }
  .recharge-success .bd .address[data-v-20a435d5] {
    text-align: left;
    min-height: 44px;
    height: auto;
  }
  .recharge-success .bd .address label[data-v-20a435d5] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
  }
  .recharge-success .bd .address .right[data-v-20a435d5] {
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      width: 192px;
      text-align: right;
      padding: 10px 0;
  }
  .recharge-success .btn[data-v-20a435d5] {
    border-radius: 100px;
    text-align: center;
  }
  
  .none[data-v-6fa08fff] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 15px;
    margin: auto;
    font-size: 14px;
    color: #9b9b9b;
    text-align: center;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .usage-record[data-v-6fdbf72f] {
    background: #FFF;
    padding: 20px 0 30px;
    margin-bottom: 10px;
  }
  .usage-record .wrap[data-v-6fdbf72f] {
      padding: 0 16px;
  }
  .usage[data-v-6fdbf72f] {
    background: #fff;
    padding-top: 24px;
  }
  .empty[data-v-6fdbf72f] {
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
  }
  
  .level .banner .box[data-v-ef9519c0]:after,
  .level .banner.l2 .box[data-v-ef9519c0]:after,
  .level .banner.l3 .box[data-v-ef9519c0]:after,
  .level .banner.l4 .box[data-v-ef9519c0]:after,
  .level .banner.l5 .box[data-v-ef9519c0]:after,
  .level .banner.l6 .box[data-v-ef9519c0]:after,
  .level .banner.l7 .box[data-v-ef9519c0]:after,
  .level .banner.l8 .box[data-v-ef9519c0]:after,
  .level .banner.l9 .box[data-v-ef9519c0]:after,
  .level .banner.l10 .box[data-v-ef9519c0]:after,
  .level .rights li .icon[data-v-ef9519c0],
  .level .rights li .icon.birthday[data-v-ef9519c0],
  .level .rights li .icon.custom[data-v-ef9519c0],
  .level .rights li .icon.service[data-v-ef9519c0],
  .level .rights li .icon.shipment[data-v-ef9519c0],
  .level .rights li .icon.times[data-v-ef9519c0],
  .level .rights li .icon.disable[data-v-ef9519c0],
  .level .rights li .icon.disable.birthday[data-v-ef9519c0],
  .level .rights li .icon.disable.custom[data-v-ef9519c0],
  .level .rights li .icon.disable.service[data-v-ef9519c0],
  .level .rights li .icon.disable.shipment[data-v-ef9519c0],
  .level .rights li .icon.disable.times[data-v-ef9519c0],
  .growth ul li .icon[data-v-ef9519c0],
  .growth ul li .icon.recharge[data-v-ef9519c0],
  .growth ul li .icon.times[data-v-ef9519c0],
  .growth ul li .icon.discount[data-v-ef9519c0],
  .growth ul li .icon.service[data-v-ef9519c0],
  .growth ul li .icon.product[data-v-ef9519c0] {
    background: url(//b.yzcdn.cn/beauty/wap/cb9a74f836b668f05312d987cfd95752.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  section[data-v-ef9519c0] {
    margin-top: 10px;
    background: #fff;
    overflow: hidden;
  }
  .level[data-v-ef9519c0] {
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    background: #fff;
  }
  .level .banner[data-v-ef9519c0] {
    position: relative;
    height: 300px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: linear-gradient(240deg, #F56D20 0%, #F49933 100%);
  }
  .level .banner .growth-log[data-v-ef9519c0] {
    position: absolute;
    right: 15px;
    top: 15px;
    color: rgba(255, 255, 255, 0.8);
  }
  .level .banner .box[data-v-ef9519c0] {
    position: relative;
    width: 292px;
    height: 150px;
    margin-top: 60px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-top: none;
    text-align: center;
    color: #fff;
  }
  .level .banner .box[data-v-ef9519c0]:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 10px;
    top: 7px;
    width: 273px;
    height: 136px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-top: none;
  }
  .level .banner .box .border-out[data-v-ef9519c0]::before {
    position: absolute;
    width: 35%;
    height: 3px;
    content: '';
    left: -2px;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    top: -5px;
  }
  .level .banner .box .border-out[data-v-ef9519c0]::after {
    position: absolute;
    width: 35%;
    height: 3px;
    content: '';
    right: -2px;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    top: -5px;
  }
  .level .banner .box .border-inner[data-v-ef9519c0]::before {
    position: absolute;
    width: 32%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    content: '';
    top: 6px;
    left: 10px;
  }
  .level .banner .box .border-inner[data-v-ef9519c0]::after {
    position: absolute;
    width: 32%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    content: '';
    top: 6px;
    right: 9px;
  }
  .level .banner .box[data-v-ef9519c0]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 64px;
    height: 64px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-position: -74px 0;
  }
  .level .banner .box .growth[data-v-ef9519c0] {
    margin: 26px 0 6px;
  }
  .level .banner .box .name[data-v-ef9519c0] {
    line-height: 50px;
    font-size: 36px;
  }
  .level .banner .box .name.sm[data-v-ef9519c0] {
    font-size: 26px;
  }
  .level .banner .progress[data-v-ef9519c0] {
    width: 296px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: rgba(255, 255, 255, 0.8);
  }
  .level .banner .progress .bar[data-v-ef9519c0] {
    position: relative;
    top: -1px;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 2px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 6px;
    border-radius: 1px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .level .banner .progress .bar .done[data-v-ef9519c0] {
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    background: rgba(255, 255, 255, 0.7);
    width: 20%;
    border-radius: 1px;
  }
  .level .banner .progress .bar .done .value[data-v-ef9519c0] {
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    bottom: 7px;
    border-radius: 7px;
    color: #999;
    background: #fff;
    opacity: .8;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
  .level .banner .progress .bar .done .value[data-v-ef9519c0]:before {
    position: absolute;
    bottom: -3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    content: '';
    border-top: 4px solid #fff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
  .level .banner .progress .bar .done .value[data-v-ef9519c0]:after {
    background: #fff;
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 2px;
    left: 50%;
    bottom: -8px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .level .banner .tip[data-v-ef9519c0] {
    margin-top: 11px;
    color: rgba(255, 255, 255, 0.8);
  }
  .level .banner.l2[data-v-ef9519c0] {
    background: linear-gradient(240deg, #F76958 0%, #F07F38 100%);
  }
  .level .banner.l2 .box[data-v-ef9519c0]:after {
    background-position: -148px -148px;
  }
  .level .banner.l3[data-v-ef9519c0] {
    background: linear-gradient(240deg, #DBAD4D 0%, #E5BB7C 100%);
  }
  .level .banner.l3 .box[data-v-ef9519c0]:after {
    background-position: -148px -74px;
  }
  .level .banner.l4[data-v-ef9519c0] {
    background: linear-gradient(240deg, #82BB5E 0%, #98C57D 100%);
  }
  .level .banner.l4 .box[data-v-ef9519c0]:after {
    background-position: 0 -74px;
  }
  .level .banner.l5[data-v-ef9519c0] {
    background: linear-gradient(240deg, #5ABCA3 0%, #6BC7AF 100%);
  }
  .level .banner.l5 .box[data-v-ef9519c0]:after {
    background-position: -74px -74px;
  }
  .level .banner.l6[data-v-ef9519c0] {
    background: linear-gradient(232deg, #45B0BE 0%, #65C1D8 100%);
  }
  .level .banner.l6 .box[data-v-ef9519c0]:after {
    background-position: -148px 0;
  }
  .level .banner.l7[data-v-ef9519c0] {
    background: linear-gradient(240deg, #636ACC 0%, #8394DB 100%);
  }
  .level .banner.l7 .box[data-v-ef9519c0]:after {
    background-position: 0 0;
  }
  .level .banner.l8[data-v-ef9519c0] {
    background: linear-gradient(240deg, #5D6886 0%, #6E789B 100%);
  }
  .level .banner.l8 .box[data-v-ef9519c0]:after {
    background-position: 0 -148px;
  }
  .level .banner.l9[data-v-ef9519c0] {
    background: linear-gradient(240deg, #7B7F8C 0%, #9799A7 100%);
  }
  .level .banner.l9 .box[data-v-ef9519c0]:after {
    background-position: -222px 0;
  }
  .level .banner.l10[data-v-ef9519c0] {
    background: linear-gradient(240deg, #26242F 0%, #4E4C5B 100%);
  }
  .level .banner.l10 .box[data-v-ef9519c0]:after {
    background-position: -74px -148px;
  }
  .level .rights[data-v-ef9519c0] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .level .rights.more[data-v-ef9519c0] {
    margin-bottom: 12px;
  }
  .level .rights li[data-v-ef9519c0] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 28px 2px 0;
    width: 86px;
  }
  .level .rights li.empty[data-v-ef9519c0] {
    height: 0;
    margin-top: 0;
  }
  .level .rights li .icon[data-v-ef9519c0] {
    width: 34px;
    height: 34px;
    margin-bottom: 14px;
    background-position: -44px -222px;
  }
  .level .rights li .icon.birthday[data-v-ef9519c0] {
    background-position: -222px -117px;
  }
  .level .rights li .icon.custom[data-v-ef9519c0] {
    background-position: -222px -73px;
  }
  .level .rights li .icon.service[data-v-ef9519c0] {
    background-position: 0 -222px;
  }
  .level .rights li .icon.shipment[data-v-ef9519c0] {
    background-position: -88px -266px;
  }
  .level .rights li .icon.times[data-v-ef9519c0] {
    background-position: -88px -222px;
  }
  .level .rights li .icon.disable[data-v-ef9519c0] {
    background-position: -132px -222px;
  }
  .level .rights li .icon.disable.birthday[data-v-ef9519c0] {
    background-position: -176px -222px;
  }
  .level .rights li .icon.disable.custom[data-v-ef9519c0] {
    background-position: -220px -222px;
  }
  .level .rights li .icon.disable.service[data-v-ef9519c0] {
    background-position: -288px 0;
  }
  .level .rights li .icon.disable.shipment[data-v-ef9519c0] {
    background-position: -288px -44px;
  }
  .level .rights li .icon.disable.times[data-v-ef9519c0] {
    background-position: -288px -88px;
  }
  .level .rights li .label[data-v-ef9519c0] {
    width: 86px;
    font-size: 12px;
    max-height: 26px;
    color: #666;
    text-align: center;
    overflow: hidden;
    word-break: break-all;
  }
  .level .rights li .more-link[data-v-ef9519c0] {
    background: #F3F4F6;
    color: #999;
    border-radius: 9px;
    font-size: 10px;
    line-height: 18px;
    margin-top: 6px;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 4px;
    padding-right: 2px;
  }
  .level .rights li .more-link .more-right[data-v-ef9519c0] {
    display: inline-block;
    width: 5px;
    height: 8px;
    background: url();
    background-size: 100% auto;
  }
  .growth[data-v-ef9519c0] {
    padding-top: 25px;
  }
  .growth ul[data-v-ef9519c0] {
    margin-top: 20px;
  }
  .growth ul li[data-v-ef9519c0] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 15px;
    padding-right: 15px;
    height: 70px;
  }
  .growth ul li[data-v-ef9519c0]:before {
    border-bottom: 1px solid #e5e5e5;
  }
  .growth ul li .icon[data-v-ef9519c0] {
    width: 34px;
    height: 34px;
    margin-right: 15px;
    background-position: -288px -132px;
  }
  .growth ul li .icon.recharge[data-v-ef9519c0] {
    background-position: -288px -176px;
  }
  .growth ul li .icon.times[data-v-ef9519c0] {
    background-position: -288px -220px;
  }
  .growth ul li .icon.discount[data-v-ef9519c0] {
    background-position: 0 -266px;
  }
  .growth ul li .icon.service[data-v-ef9519c0] {
    background-position: -44px -266px;
  }
  .growth ul li .icon.product[data-v-ef9519c0] {
    background-position: -222px -161px;
  }
  .growth ul li .cnt[data-v-ef9519c0] {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .growth ul li .cnt .title[data-v-ef9519c0] {
    font-size: 15px;
  }
  .growth ul li .cnt .tip[data-v-ef9519c0] {
    margin-top: 10px;
    font-size: 12px;
    color: #888;
  }
  .growth ul li .btn[data-v-ef9519c0] {
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    background-image: linear-gradient(240deg, #DBAD4D 0%, #E5BB7C 100%);
    color: #fff;
    font-size: 12px;
  }
  .about[data-v-ef9519c0] {
    padding: 0 0 34px;
    margin-bottom: 30px;
  }
  .about dl[data-v-ef9519c0] {
    padding: 0 15px 0 25px;
  }
  .about dt[data-v-ef9519c0] {
    margin: 34px 0 6px;
    font-size: 15px;
    position: relative;
  }
  .about dt[data-v-ef9519c0]:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #666;
    left: -10px;
    top: 6px;
  }
  .about dd[data-v-ef9519c0] {
    font-size: 12px;
    color: #888;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .level .banner .box[data-v-ef9519c0]:after,
    .level .banner.l2 .box[data-v-ef9519c0]:after,
    .level .banner.l3 .box[data-v-ef9519c0]:after,
    .level .banner.l4 .box[data-v-ef9519c0]:after,
    .level .banner.l5 .box[data-v-ef9519c0]:after,
    .level .banner.l6 .box[data-v-ef9519c0]:after,
    .level .banner.l7 .box[data-v-ef9519c0]:after,
    .level .banner.l8 .box[data-v-ef9519c0]:after,
    .level .banner.l9 .box[data-v-ef9519c0]:after,
    .level .banner.l10 .box[data-v-ef9519c0]:after,
    .level .rights li .icon[data-v-ef9519c0],
    .level .rights li .icon.birthday[data-v-ef9519c0],
    .level .rights li .icon.custom[data-v-ef9519c0],
    .level .rights li .icon.service[data-v-ef9519c0],
    .level .rights li .icon.shipment[data-v-ef9519c0],
    .level .rights li .icon.times[data-v-ef9519c0],
    .level .rights li .icon.disable[data-v-ef9519c0],
    .level .rights li .icon.disable.birthday[data-v-ef9519c0],
    .level .rights li .icon.disable.custom[data-v-ef9519c0],
    .level .rights li .icon.disable.service[data-v-ef9519c0],
    .level .rights li .icon.disable.shipment[data-v-ef9519c0],
    .level .rights li .icon.disable.times[data-v-ef9519c0],
    .growth ul li .icon[data-v-ef9519c0],
    .growth ul li .icon.recharge[data-v-ef9519c0],
    .growth ul li .icon.times[data-v-ef9519c0],
    .growth ul li .icon.discount[data-v-ef9519c0],
    .growth ul li .icon.service[data-v-ef9519c0],
    .growth ul li .icon.product[data-v-ef9519c0] {
      background-image: url(//b.yzcdn.cn/beauty/wap/6da20a6b041085279f87cadc50d674ac.png);
      background-size: 322px 300px;
  }
  }
  .level .count-ul {
      top: 12px;
      height: 0;
  }
  .level .count-ul li {
      border: 0 !important;
  }
  /* sprite-loader-enable */
  .about[data-v-cb627d64] {
    padding: 0 0 34px;
    margin-bottom: 30px;
  }
  .about dl[data-v-cb627d64] {
    padding: 0 15px 0 25px;
  }
  .about dt[data-v-cb627d64] {
    margin: 34px 0 6px;
    font-size: 15px;
    position: relative;
  }
  .about dt[data-v-cb627d64]:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #666;
    left: -10px;
    top: 6px;
  }
  .about dd[data-v-cb627d64] {
    line-height: 1.5em;
    font-size: 12px;
    color: #888;
  }
  .tasks ul li .icon[data-v-3bf0cc0f],
  .tasks ul li .icon.recharge[data-v-3bf0cc0f],
  .tasks ul li .icon.times[data-v-3bf0cc0f],
  .tasks ul li .icon.discount[data-v-3bf0cc0f],
  .tasks ul li .icon.service[data-v-3bf0cc0f],
  .tasks ul li .icon.product[data-v-3bf0cc0f],
  .tasks ul li .icon.member[data-v-3bf0cc0f],
  .tasks ul li .icon.shop[data-v-3bf0cc0f],
  .tasks ul li .icon.pay[data-v-3bf0cc0f],
  .tasks ul li .icon.zuheka[data-v-3bf0cc0f],
  .tasks ul li .cnt .title i[data-v-3bf0cc0f] {
    background: url(//b.yzcdn.cn/beauty/wap/00f9da08e90b145023d8e646b32a7f6f.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .tasks[data-v-3bf0cc0f] {
    background: #fff;
  }
  .tasks .title-container[data-v-3bf0cc0f] {
    padding: 20px 0;
  }
  .tasks ul li[data-v-3bf0cc0f] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 15px;
    padding-right: 15px;
    height: 70px;
  }
  .tasks ul li[data-v-3bf0cc0f]:before {
    border-bottom: 1px solid #e5e5e5;
  }
  .tasks ul li .icon[data-v-3bf0cc0f] {
    width: 34px;
    height: 34px;
    margin-right: 15px;
    background-position: -44px 0;
  }
  .tasks ul li .icon.recharge[data-v-3bf0cc0f] {
    background-position: -88px -44px;
  }
  .tasks ul li .icon.times[data-v-3bf0cc0f] {
    background-position: 0 -44px;
  }
  .tasks ul li .icon.discount[data-v-3bf0cc0f] {
    background-position: -44px -44px;
  }
  .tasks ul li .icon.service[data-v-3bf0cc0f] {
    background-position: -88px 0;
  }
  .tasks ul li .icon.product[data-v-3bf0cc0f] {
    background-position: 0 0;
  }
  .tasks ul li .icon.member[data-v-3bf0cc0f] {
    background-position: 0 -88px;
  }
  .tasks ul li .icon.shop[data-v-3bf0cc0f] {
    background-position: -132px 0;
  }
  .tasks ul li .icon.pay[data-v-3bf0cc0f] {
    background-position: -88px -88px;
  }
  .tasks ul li .icon.zuheka[data-v-3bf0cc0f] {
    background-position: -44px -88px;
  }
  .tasks ul li .cnt[data-v-3bf0cc0f] {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .tasks ul li .cnt .title[data-v-3bf0cc0f] {
    font-size: 15px;
  }
  .tasks ul li .cnt .title i[data-v-3bf0cc0f] {
    position: relative;
    top: 4px;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    display: inline-block;
    background-position: -132px -36px;
    border: 3px solid transparent;
  }
  .tasks ul li .cnt .tip[data-v-3bf0cc0f] {
    margin-top: 10px;
    font-size: 12px;
    color: #888;
  }
  .tasks ul li .cnt .mt-5[data-v-3bf0cc0f] {
    margin-top: 5px;
  }
  .tasks ul li .btn[data-v-3bf0cc0f] {
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 12px;
    background-image: linear-gradient(240deg, #DBAD4D 0%, #E5BB7C 100%);
    color: #fff;
    font-size: 12px;
  }
  .tasks ul li .done[data-v-3bf0cc0f] {
    width: 50px;
    text-align: center;
    color: #E3B872;
  }
  .tasks .more[data-v-3bf0cc0f] {
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #666;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tasks .more .icon[data-v-3bf0cc0f] {
    margin-left: 5px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .tasks ul li .icon[data-v-3bf0cc0f],
    .tasks ul li .icon.recharge[data-v-3bf0cc0f],
    .tasks ul li .icon.times[data-v-3bf0cc0f],
    .tasks ul li .icon.discount[data-v-3bf0cc0f],
    .tasks ul li .icon.service[data-v-3bf0cc0f],
    .tasks ul li .icon.product[data-v-3bf0cc0f],
    .tasks ul li .icon.member[data-v-3bf0cc0f],
    .tasks ul li .icon.shop[data-v-3bf0cc0f],
    .tasks ul li .icon.pay[data-v-3bf0cc0f],
    .tasks ul li .icon.zuheka[data-v-3bf0cc0f],
    .tasks ul li .cnt .title i[data-v-3bf0cc0f] {
      background-image: url(//b.yzcdn.cn/beauty/wap/126f2f7e50a9859aa52d44d821cca842.png);
      background-size: 160px 122px;
  }
  }
  .level .count-ul {
      top: 12px;
      height: 0;
  }
  .level .count-ul li {
      border: 0 !important;
  }
  
  .title .label[data-v-3b8df4ee] {
    background: url(//b.yzcdn.cn/beauty/wap/45932afbc2a693a7e5b298b87996e9cf.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .title[data-v-3b8df4ee] {
    height: 60px;
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 15px;
    color: #222;
  }
  .title > *[data-v-3b8df4ee] {
    margin: 0 3px;
  }
  .title .label[data-v-3b8df4ee] {
    width: 19px;
    height: 8px;
    background-position: 0 0;
  }
  .title .label[data-v-3b8df4ee]:last-of-type {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .title .label[data-v-3b8df4ee] {
      background-image: url(//b.yzcdn.cn/beauty/wap/115d29cc6697ff9f117bfa4f1c20120e.png);
      background-size: 19px 8px;
  }
  }
  .rights-list li .warp[data-v-089a72d1]:after {
    background: url(//b.yzcdn.cn/beauty/wap/2bec738beafe6eb8a41a611ae87b855b.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .rights-list li[data-v-089a72d1] {
    padding: 0 15px;
    background: #FFF;
  }
  .rights-list li .warp[data-v-089a72d1] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 78px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .rights-list li .warp[data-v-089a72d1]:before {
    border-bottom: 1px solid #e5e5e5;
  }
  .rights-list li .warp[data-v-089a72d1]:after {
    content: '';
    position: absolute;
    top: 34px;
    right: 0;
    width: 6px;
    height: 10px;
    opacity: .8;
    background-position: 0 0;
  }
  .rights-list li .warp .l[data-v-089a72d1] {
    width: calc(100% - 99px);
  }
  .rights-list li .warp .l .title[data-v-089a72d1] {
    max-width: 246px;
    padding-right: 20px;
    font-size: 17px;
    display: inline-block;
    position: relative;
  }
  .rights-list li .warp .l .title .zen[data-v-089a72d1] {
    font-size: 12px;
    position: absolute;
    top: 1px;
    right: 0;
  }
  .rights-list li .warp .l .title .zen .text-tag[data-v-089a72d1] {
    display: inline-block;
    padding: 1px;
  }
  .rights-list li .warp .l .tip[data-v-089a72d1] {
    margin-top: 7px;
    font-size: 13px;
    color: #CBCBCB;
  }
  .rights-list li .warp .r[data-v-089a72d1] {
    text-align: right;
    padding-right: 24px;
    min-width: 74px;
  }
  .rights-list li .warp .r .num[data-v-089a72d1] {
    color: #D6A654;
    font-size: 17px;
  }
  .rights-list li .warp .r .num.t-r[data-v-089a72d1] {
    text-align: right;
  }
  .rights-list li .warp .r .leave[data-v-089a72d1] {
    color: #9B9B9B;
    font-size: 12px;
    padding-top: 5px;
  }
  .rights-list li.disabled .warp[data-v-089a72d1] {
    opacity: 0.6;
  }
  .rights-list li.disabled .warp .l .title[data-v-089a72d1] {
    color: #999;
  }
  .rights-list li.disabled .warp .r .num[data-v-089a72d1] {
    color: #9b9b9b;
  }
  .active-btn[data-v-089a72d1] {
    display: block;
    margin: 16px 15px 0;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: linear-gradient(240deg, #DBAD4D 0%, #E5BB7C 100%);
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .rights-list li .warp[data-v-089a72d1]:after {
      background-image: url(//b.yzcdn.cn/beauty/wap/9aab5edefd30b9a7f7c765de4c40976d.png);
      background-size: 6px 10px;
  }
  }
  .header .logo[data-v-c6f92030] {
    background: url(//b.yzcdn.cn/beauty/wap/700b3b3e48e883d86f4c34d2ea4d6ec9.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .header[data-v-c6f92030] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 200px;
    padding: 0 25px;
    overflow: hidden;
    background: linear-gradient(240deg, #26242F 0%, #4F4C5B 100%);
  }
  .header .info[data-v-c6f92030] {
    max-width: 220px;
  }
  .header .info .title[data-v-c6f92030] {
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
  }
  .header .info .tip[data-v-c6f92030] {
    max-width: 220px;
    margin-top: 14px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
  }
  .header .logo[data-v-c6f92030] {
    width: 96px;
    height: 108px;
    background-position: 0 0;
  }
  .header .record[data-v-c6f92030] {
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .header .logo[data-v-c6f92030] {
      background-image: url(//b.yzcdn.cn/beauty/wap/240dfe6df777aa1fe36518838f38ed9d.png);
      background-size: 96px 108px;
  }
  }/* sprite-loader-enable */
  .header[data-v-42d62bab] {
    height: 260px;
    overflow: hidden;
    background: url(//b.yzcdn.cn/beauty/wap/7e0148eb1b10716ea6b374477595eb51.png);
    background-size: 100% 100%;
    text-align: center;
    position: relative;
  }
  .header .arrow[data-v-42d62bab] {
    background: #FFF;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
  }
  .header .title[data-v-42d62bab],
  .header .tip[data-v-42d62bab] {
    color: #FBC181;
  }
  .header .title[data-v-42d62bab] {
    font-size: 26px;
    padding-top: 50px;
  }
  .header .tip[data-v-42d62bab] {
    font-size: 12px;
    padding-top: 8px;
  }
  .header .list-container[data-v-42d62bab] {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 148px;
  }
  .header .list-container ul[data-v-42d62bab] {
    position: absolute;
    height: 148px;
    width: 999px;
    top: 0;
    transition: all .3s;
  }
  .header .list-container ul li[data-v-42d62bab] {
    height: 100%;
    width: 90px;
    float: left;
    position: relative;
  }
  .header .list-container ul li .warp[data-v-42d62bab] {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 0.8;
    transition: all .3s;
  }
  .header .list-container ul li .warp .ico[data-v-42d62bab] {
    width: 50px;
    height: 50px;
  }
  .header .list-container ul li .warp .ico.all[data-v-42d62bab] {
    background: url(//b.yzcdn.cn/beauty/wap/96110fd292c501a63ff2b8a29e650f4d.png);
    background-size: 100% 100%;
  }
  .header .list-container ul li .warp .ico.times[data-v-42d62bab] {
    background: url(//b.yzcdn.cn/beauty/wap/ee8d2a21a85f183403e3cd69d3eab10f.png);
    background-size: 100% 100%;
  }
  .header .list-container ul li .warp .ico.discount[data-v-42d62bab] {
    background: url(//b.yzcdn.cn/beauty/wap/a1dbcf9f30470b29951e0a1f23b78e20.png);
    background-size: 100% 100%;
  }
  .header .list-container ul li .warp .ico.other[data-v-42d62bab] {
    background: url(//b.yzcdn.cn/beauty/wap/1faf5d0318c7a9f29f0436eed2273017.png);
    background-size: 100% 100%;
  }
  .header .list-container ul li .warp p[data-v-42d62bab] {
    padding-top: 7px;
    font-size: 10px;
    color: #ECC075;
    transition: all .3s;
  }
  .header .list-container ul li.active[data-v-42d62bab] {
    width: 110px;
  }
  .header .list-container ul li.active .warp[data-v-42d62bab] {
    opacity: 1;
  }
  .header .list-container ul li.active .warp .ico[data-v-42d62bab] {
    width: 70px;
    height: 70px;
  }
  .header .list-container ul li.active .warp p[data-v-42d62bab] {
    padding-top: 9px;
    font-size: 14px;
  }
  .header .link-dept[data-v-42d62bab] {
    position: absolute;
    top: 8px;
    right: 10px;
    height: 26px;
    padding: 0 10px;
    border-radius: 42px;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    line-height: 26px;
    opacity: 0.9;
  }
  .header .link-dept div[data-v-42d62bab] {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-left: 1px solid #666666;
    border-bottom: 1px solid #666666;
    width: 5px;
    height: 5px;
    display: inline-block;
    margin-left: 5px;
    line-height: 5px;
    position: relative;
    top: -2px;
  }
  .header .custom-content[data-v-42d62bab] {
    line-height: 44px;
    border-top: 1px solid #E5E5E5;
  }
  .header .red-text[data-v-42d62bab] {
    color: #e74c75;
  }
  .header .hd[data-v-42d62bab] {
    font-size: 16px;
  }/* sprite-loader-enable */
  .title[data-v-477959dc] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 20px;
    font-size: 12px;
    color: #888;
  }
  .title .line[data-v-477959dc] {
    height: 1px;
    width: 80px;
    background: #e5e5e5;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
  .rights-list[data-v-477959dc] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0 36px;
  }
  .rights-list li[data-v-477959dc] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 20px;
    width: 60px;
  }
  .rights-list li .icon[data-v-477959dc] {
    width: 34px;
    height: 34px;
    background-size: 100%;
  }
  .rights-list li .label[data-v-477959dc] {
    max-width: 100%;
    margin-top: 14px;
    font-size: 12px;
    color: #bbb;
  }
  .rights-list li.empty[data-v-477959dc] {
    margin: 0;
    height: 0;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * css涓夎褰�
  */
  .rights-detail[data-v-6af96836] {
    background: #FFF;
  }
  .rights-detail .header[data-v-6af96836] {
    height: 160px;
    box-sizing: border-box;
    background: url(//b.yzcdn.cn/beauty/wap/edd05cd94f2e0ed3c255bd278e397641.jpg);
    background-size: cover;
    padding-top: 108px;
  }
  .rights-detail .info[data-v-6af96836] {
    margin: 0 12px 0;
    margin-top: -52px;
    position: relative;
  }
  .rights-detail .info .warp[data-v-6af96836] {
    background: #FFF;
    width: 100%;
    padding: 20px 15px;
    border-radius: 6px;
    min-height: 88px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.08);
  }
  .rights-detail .info .warp .l[data-v-6af96836] {
    max-width: calc(100% - 60px);
  }
  .rights-detail .info .warp .l .tit[data-v-6af96836] {
    font-size: 18px;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .rights-detail .info .warp .l .desc[data-v-6af96836] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-break: break-all;
    padding-top: 8px;
    font-size: 12px;
    color: #888;
  }
  .rights-detail .info .warp .r[data-v-6af96836] {
    color: #CC9537;
  }
  .rights-detail .info .warp .r .num[data-v-6af96836] {
    color: #D6A654;
    font-size: 18px;
    min-width: 50px;
  }
  .rights-detail .info .warp .r .num.t-r[data-v-6af96836] {
    text-align: right;
  }
  .rights-detail .info .warp .r .leave[data-v-6af96836] {
    font-size: 10px;
    padding-top: 4px;
    opacity: .75;
  }
  .rights-detail .info .warp .r .ico[data-v-6af96836] {
    width: 45px;
    height: 45px;
    margin-right: 10px;
  }
  .rights-detail .info .warp .r .ico.ico-202[data-v-6af96836] {
    background: url(//b.yzcdn.cn/beauty/wap/b14831354b4dc9ad70fad145f9872643.png);
    background-size: 100% 100%;
  }
  .rights-detail .info .warp .r .ico.ico-203[data-v-6af96836] {
    background: url(//b.yzcdn.cn/beauty/wap/6d39a17689365fdedcce1673cae72d1b.png);
    background-size: 100% 100%;
  }
  .rights-detail .info .warp .r .ico.ico-204[data-v-6af96836] {
    background: url(//b.yzcdn.cn/beauty/wap/2ce03e7f7df5bc4f0fa3daa612ccad21.png);
    background-size: 100% 100%;
  }
  .rights-detail .info dl[data-v-6af96836] {
    margin: 0 20px;
  }
  .rights-detail .info dl dt[data-v-6af96836] {
    padding: 30px 0 5px;
    font-size: 16px;
    color: #222;
  }
  .rights-detail .info dl dt[data-v-6af96836]:before {
    content: '';
    float: left;
    width: 6px;
    height: 6px;
    margin: 5px 6px 0 0;
    border-radius: 50%;
    background: #666;
  }
  .rights-detail .info dl dd[data-v-6af96836] {
    padding-left: 12px;
    font-size: 14px;
    color: #9A9A9A;
    padding-top: 2px;
  }
  .rights-detail .info dl dd .share-item[data-v-6af96836] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border-radius: 0;
    padding: 16px 0;
  }
  .rights-detail .info dl dd .share-item[data-v-6af96836]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 0;
    box-sizing: border-box;
  }
  .rights-detail .info dl dd .share-item > *[data-v-6af96836] {
    position: relative;
  }
  .rights-detail .info dl dd .share-item[data-v-6af96836]:before {
    border-top: 0px dashed #e5e5e5;
  }
  .rights-detail .info dl dd .share-item[data-v-6af96836]:before {
    border-right: 0px dashed #e5e5e5;
  }
  .rights-detail .info dl dd .share-item[data-v-6af96836]:before {
    border-bottom: 1px dashed #e5e5e5;
  }
  .rights-detail .info dl dd .share-item[data-v-6af96836]:before {
    border-left: 0px dashed #e5e5e5;
  }
  .rights-detail .info dl dd .share-item .share-text[data-v-6af96836] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    word-break: break-all;
  }
  .rights-detail .info dl dd .share-item .share-btn[data-v-6af96836] {
    font-size: 12px;
    color: #CC9537;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    text-align: center;
    border: 1px solid #CC9537;
    border-radius: 15px;
  }
  .rights-detail .btn-use[data-v-6af96836] {
    display: block;
    position: fixed;
    left: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    border-radius: 50px;
    line-height: 40px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background: linear-gradient(90deg, #DBB783 0%, #C1923F 100%);
  }
  .rights-detail .btn-use.disabled[data-v-6af96836] {
    background: linear-gradient(90deg, #DBDBDB 0%, #B9B9B9 100%);
  }
  .copyright[data-v-9f5dde92] {
    padding: 15px 0;
    color: #bbb;
    text-align: center;
    font-size: 12px;
  }
  /* sprite-loader-enable */
  .not-active .banner[data-v-892e2246] {
    height: 200px;
    padding: 0 24px;
    background: linear-gradient(240deg, #FB7554 0%, #FA8939 100%);
  }
  .not-active .banner .cnt[data-v-892e2246] {
    background: url(//b.yzcdn.cn/beauty/wap/aab28871c2d3dbfee8420f03e80942c3.png#spriteignore) no-repeat right 44px;
    background-size: 100px 100px;
  }
  .not-active .banner .cnt .title[data-v-892e2246] {
    padding-top: 74px;
    font-size: 26px;
    color: #fff;
  }
  .not-active .banner .cnt .sub[data-v-892e2246] {
    margin-top: 14px;
    padding-bottom: 30px;
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
  }
  .not-active .why-active[data-v-892e2246] {
    margin-top: 30px;
  }
  .not-active .active-btn[data-v-892e2246] {
    display: block;
    margin: 64px 20px 0;
    line-height: 44px;
    background: linear-gradient(240deg, #FB7554 0%, #FA8939 100%);
    border-radius: 28px;
    text-align: center;
    font-size: 16px;
    color: #fff;
  }
  .actived .banner[data-v-892e2246] {
    height: 135px;
    background: url("https://img.yzcdn.cn/public_files/2019/01/22/aed84b3b8924963f1f4c1cd4501f41d4.png");
    background-size: 100% 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
  .actived .banner .content[data-v-892e2246] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .actived .banner .content .num[data-v-892e2246] {
    font-size: 32px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
  }
  .actived .banner .content .txt[data-v-892e2246] {
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #fff;
    margin-top: 8px;
  }
  .actived .banner .content .expire[data-v-892e2246] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 10px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 14px;
    margin-top: 8px;
    font-size: 10px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
  }
  .actived .banner .content .expire span[data-v-892e2246] {
    margin-left: 10px;
  }
  .actived .banner .rule[data-v-892e2246] {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
  }
  .actived .linker[data-v-892e2246] {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: -40px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    width: 85%;
    height: 60px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 2px 6px 0px rgba(186, 186, 186, 0.1);
  }
  .actived .linker > div[data-v-892e2246] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: none;
  }
  .actived .linker > div.line[data-v-892e2246] {
    height: 65%;
    width: 1px;
    background: #F1F1F1;
  }
  .actived .linker > div .text[data-v-892e2246] {
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    margin-top: 7px;
  }
  .actived .store[data-v-892e2246] {
    padding-top: 40px;
  }
  .actived .space[data-v-892e2246] {
    width: 100%;
    height: 7px;
  }/* sprite-loader-enable */
  div[data-v-73514366] {
    font-size: 14px;
    text-align: left;
  }
  .scroll[data-v-73514366] {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .item[data-v-73514366] {
    padding-left: 15px;
    background: #fff;
  }
  .item .wrap[data-v-73514366] {
    box-sizing: border-box;
    width: 100%;
    height: 65px;
    padding: 12px 15px 12px 0;
    border-bottom: .5px solid #e5e5e5;
  }
  .item .wrap .show[data-v-73514366] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .item .wrap [data-v-73514366]:nth-child(2) {
    margin-top: 4px;
  }
  .item .wrap .income[data-v-73514366] {
    color: #B4A078;
  }
  .item .wrap .expenditure[data-v-73514366] {
    color: #666;
  }
  .item .wrap .time[data-v-73514366] {
    font-size: 12px;
    color: #666;
    text-align: left;
  }
  .item .wrap .balance[data-v-73514366] {
    font-size: 12px;
    color: #666;
    text-align: right;
  }
  .more[data-v-73514366] {
    background: #fff;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #666;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .more .icon[data-v-73514366] {
    margin-left: 5px;
  }
  .empty[data-v-73514366] {
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
  }
  .closed .logo[data-v-168b1946] {
    background: url(//b.yzcdn.cn/beauty/wap/486c1a87dac3ce7c8e6b3287194b1ce6.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .closed .logo[data-v-168b1946] {
    margin: 100px auto 10px auto;
    width: 141px;
    height: 96px;
    background-position: 0 0;
  }
  .closed .txt[data-v-168b1946] {
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
    color: #888;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .closed .logo[data-v-168b1946] {
      background-image: url(//b.yzcdn.cn/beauty/wap/daf23c53b1f9d5883bedd7c1c90eed6f.png);
      background-size: 141px 96px;
  }
  }/* sprite-loader-enable */
  .banner[data-v-89033622] {
    height: 156px;
    background: url("https://img.yzcdn.cn/public_files/2019/01/22/3f20390dcba864522d9148bd18368a3c.png");
    background-size: 100% 100%;
    background-color: #fff;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .banner .title[data-v-89033622] {
    margin-left: 38px;
    font-size: 28px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
  }
  .banner .points[data-v-89033622] {
    margin-left: 38px;
    margin-top: 10px;
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
  }
  .banner .record[data-v-89033622] {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
  }
  .store[data-v-89033622] {
    background: #fff;
  }
  .navi .navi_bar[data-v-7034e66b] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 15px;
    padding-top: 20px;
    color: #999;
  }
  .navi .navi_bar .navi_item[data-v-7034e66b] {
      font-size: 14px;
      position: relative;
      padding-bottom: 5px;
  }
  .navi .navi_bar .navi_item.active[data-v-7034e66b] {
        border-bottom-width: 2px;
        border-bottom-style: solid;
  }
  /* sprite-loader-enable */
  .list[data-v-2a99bf5d] {
    background: #fff;
    overflow: hidden;
    padding-bottom: 10px;
  }
  .list .item[data-v-2a99bf5d] {
    width: 44.8%;
    margin-top: 10px;
    border: 1px solid #ececec;
    box-sizing: border-box;
  }
  .list .item[data-v-2a99bf5d]:nth-of-type(odd) {
    float: left;
    margin-left: 15px;
  }
  .list .item[data-v-2a99bf5d]:nth-of-type(even) {
    float: right;
    margin-right: 15px;
  }
  .list .item .pic[data-v-2a99bf5d] {
    height: 150px;
    width: 100%;
    position: relative;
  }
  .list .item .pic .invalid[data-v-2a99bf5d] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .list .item .pic .invalid .icon[data-v-2a99bf5d] {
    right: 10px;
    bottom: 10px;
    position: absolute;
  }
  .list .item .pic img[data-v-2a99bf5d] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .list .item .info[data-v-2a99bf5d] {
    padding: 7px;
  }
  .list .item .info .name[data-v-2a99bf5d] {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .list .item .info .price[data-v-2a99bf5d] {
    margin-top: 5px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    text-decoration: line-through;
  }
  .list .item .info .points[data-v-2a99bf5d] {
    margin-top: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .list .item .info .points .num[data-v-2a99bf5d] {
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #B4A078;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .list .item .info .points .btn[data-v-2a99bf5d] {
    width: 50px;
    height: 19px;
    background: #DF635E;
    border-radius: 20px;
    font-size: 12px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #fff;
    line-height: 19px;
    text-align: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .list .item .info .points .btn.disabled[data-v-2a99bf5d] {
    background: #b0b0b0;
  }
  .empty[data-v-2a99bf5d] {
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin: 0 auto;
    padding: 70px 0px 140px 0px;
  }
  .empty .text[data-v-2a99bf5d] {
    font-size: 15px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #222;
  }/* sprite-loader-enable */
  .list[data-v-2df52dd8] {
    padding: 0 15px 10px 15px;
  }
  .list .item[data-v-2df52dd8] {
    height: 100px;
    margin-top: 10px;
    background: url("https://img.yzcdn.cn/public_files/2019/01/22/c5ba00da5db8824add8a6a8e9b5b6237.png");
    background-size: 100% 100%;
    padding: 0 18px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
  }
  .list .item .left[data-v-2df52dd8] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .list .item .left .price[data-v-2df52dd8] {
    font-size: 20px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #666;
    width: 90px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .list .item .left .price .yuan[data-v-2df52dd8] {
    font-size: 12px;
  }
  .list .item .left .price .small[data-v-2df52dd8] {
    font-size: 12px;
  }
  .list .item .left .info[data-v-2df52dd8] {
    font-family: PingFangSC-Regular;
    font-weight: 400;
  }
  .list .item .left .info .name[data-v-2df52dd8] {
    font-size: 14px;
    color: #4A4A4A;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100px;
  }
  .list .item .left .info .full[data-v-2df52dd8] {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
  }
  .list .item .left .info .expire[data-v-2df52dd8] {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
  }
  .list .item .right[data-v-2df52dd8] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 70px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .list .item .right .points[data-v-2df52dd8] {
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #B4A078;
  }
  .list .item .right .points.disabled[data-v-2df52dd8] {
    color: #b0b0b0;
  }
  .list .item .right .exchange[data-v-2df52dd8] {
    margin-top: 10px;
    width: 50px;
    height: 20px;
    background: #DF635E;
    border-radius: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
  }
  .list .item .right .exchange.disabled[data-v-2df52dd8] {
    background: #b0b0b0;
  }
  .list .item .invalid[data-v-2df52dd8] {
    position: absolute;
    top: 8px;
    right: 8px;
  }
  .empty[data-v-2df52dd8] {
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin: 0 auto;
    padding: 70px 0px 140px 0px;
  }
  .empty .text[data-v-2df52dd8] {
    font-size: 15px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #222;
  }/* sprite-loader-enable */
  .close[data-v-49651b30] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .close img[data-v-49651b30] {
    width: 126px;
    height: 126px;
    margin-top: 100px;
  }
  .close .text[data-v-49651b30] {
    font-size: 15px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #222;
    margin-top: 30px;
  }
  .close .btn[data-v-49651b30] {
    width: 140px;
    height: 40px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #cacaca;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    line-height: 40px;
    text-align: center;
    margin-top: 43px;
  }
  .service .mgt-10[data-v-58e58dfa] {
    margin-top: 10px;
  }
  .service .explain[data-v-58e58dfa] {
    background: #fff;
    font-size: 12px;
    padding: 15px;
  }
  .service .explain > div[data-v-58e58dfa] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      line-height: 20px;
  }
  .service .explain > div[data-v-58e58dfa]:not(:first-child) {
        margin-top: 10px;
  }
  .service .explain > div .label[data-v-58e58dfa] {
        font-weight: 500;
        width: 70px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
  }
  .service .off[data-v-58e58dfa] {
    height: 32px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #F59D22;
    line-height: 32px;
    text-align: center;
    background: #FFF4E4;
    position: fixed;
    bottom: 50px;
    width: 100%;
  }
  .service .btns[data-v-58e58dfa] {
    z-index: 100;
  }
  .service .btns .pirate-action-bar-large-btn[data-v-58e58dfa] {
      background: #DF635E;
  }
  /* sprite-loader-enable */
  .empty[data-v-553fa0b6] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .empty img[data-v-553fa0b6] {
    width: 200px;
    height: 126px;
    margin-top: 100px;
  }
  .empty .text[data-v-553fa0b6] {
    font-size: 15px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #222;
    margin-top: 30px;
  }
  .empty .btn[data-v-553fa0b6] {
    width: 140px;
    height: 40px;
    background: #fff;
    border-radius: 30px;
    border: 1px solid #cacaca;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    line-height: 40px;
    text-align: center;
    margin-top: 43px;
  }/* sprite-loader-enable */
  .title[data-v-6c653af0] {
    padding: 15px;
    background: #fff;
  }
  .title .main[data-v-6c653af0] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .title .main .points[data-v-6c653af0] {
    font-size: 20px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #C9B285;
  }
  .title .main .money[data-v-6c653af0] {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    text-decoration: line-through;
    margin-left: 4px;
  }
  .title .name[data-v-6c653af0] {
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    margin-top: 9px;
  }
  .title .remind[data-v-6c653af0] {
    margin-top: 9px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .title .remind .last[data-v-6c653af0] {
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #999;
    margin-left: 4px;
  }
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .panel[data-v-a8645b42] {
    margin-top: 10px;
    padding: 22px 0 6px;
    background: #FFF;
  }
  .panel h3[data-v-a8645b42] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 15px;
      color: #222;
  }
  .panel h3 > *[data-v-a8645b42] {
        margin: 0 3px;
  }
  .panel h3 .label[data-v-a8645b42] {
        width: 19px;
        height: 8px;
        background: url();
        background-size: 19px 8px;
  }
  .panel h3 .label[data-v-a8645b42]:last-of-type {
          -webkit-transform: rotateY(180deg);
                  transform: rotateY(180deg);
  }
  
  #mei-rich-text-frame {
    padding: 10px 15px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    position: relative;
    background: #fff;
  }
  #mei-rich-text-frame img + br {
      display: block;
      padding: 4px 0;
      content: ' ';
  }
  #mei-rich-text-frame p {
      margin: 0 0 1em 0;
  }
  #mei-rich-text-frame .Powered-by-XIUMI p {
      margin: 0;
  }
  #mei-rich-text-frame a {
      color: #07d;
  }
  #mei-rich-text-frame img {
      width: 100%;
      height: auto;
      background: none;
      vertical-align: middle;
  }
  #mei-rich-text-frame ul, #mei-rich-text-frame ol {
      list-style-position: inside;
      padding-left: 0;
  }
  #mei-rich-text-frame ol {
      width: auto !important;
  }
  #mei-rich-text-frame blockquote {
      padding: 0 0 0 15px;
      margin: 0 0 18px;
      border-left: 5px solid #EEE;
  }
  #mei-rich-text-frame em, #mei-rich-text-frame i {
      font-style: italic;
  }
  #mei-rich-text-frame strong, #mei-rich-text-frame b {
      font-weight: bold;
  }
  #mei-rich-text-frame .selectTdClass {
      background-color: #edf5fa !important;
  }
  #mei-rich-text-frame table.noBorderTable td,
    #mei-rich-text-frame table.noBorderTable th,
    #mei-rich-text-frame table.noBorderTable caption {
      border: 1px dashed #ddd !important;
  }
  #mei-rich-text-frame table {
      margin-bottom: 10px;
      border-collapse: collapse;
      display: table;
      width: auto !important;
  }
  #mei-rich-text-frame td, #mei-rich-text-frame th {
      padding: 5px 10px;
      border: 1px solid #ddd;
  }
  #mei-rich-text-frame caption {
      border: 1px dashed #ddd;
      border-bottom: 0;
      padding: 3px;
      text-align: center;
  }
  #mei-rich-text-frame th {
      border-top: 2px solid #bbb;
      background: #f7f7f7;
  }
  #mei-rich-text-frame .ue-table-interlace-color-single {
      background-color: #fcfcfc;
  }
  #mei-rich-text-frame .ue-table-interlace-color-double {
      background-color: #f7faff;
  }
  #mei-rich-text-frame td p {
      margin: 0;
      padding: 0;
  }
  #mei-rich-text-frame .bottom-floating-banner {
      position: fixed !important;
      bottom: 0;
  }
  #mei-rich-text-frame iframe {
      width: 100%;
  }
  
  .coupon .banner[data-v-8e83b824] {
    height: 200px;
    background-image: url("https://img.yzcdn.cn/public_files/2019/01/22/eab487c88b90d6a382d1e964b742fb05.png");
    background-size: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: #B4A078;
  }
  .coupon .banner .name[data-v-8e83b824] {
      font-size: 16px;
      font-family: PingFangSC-Light;
      font-weight: 300;
      margin-top: 55px;
  }
  .coupon .banner .info[data-v-8e83b824] {
      margin-top: 10px;
  }
  .coupon .banner .info .yuan[data-v-8e83b824] {
        font-size: 12px;
        font-family: PingFangSC-Medium;
        font-weight: 500;
  }
  .coupon .banner .info .money[data-v-8e83b824] {
        font-size: 30px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
  }
  .coupon .banner .info .small[data-v-8e83b824] {
        font-size: 12px;
  }
  .coupon .mgt-10[data-v-8e83b824] {
    margin-top: 10px;
  }
  .coupon .explain[data-v-8e83b824] {
    background: #fff;
    font-size: 12px;
    padding: 15px;
  }
  .coupon .explain > div[data-v-8e83b824] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      line-height: 20px;
  }
  .coupon .explain > div[data-v-8e83b824]:not(:first-child) {
        margin-top: 10px;
  }
  .coupon .explain > div .label[data-v-8e83b824] {
        font-weight: 500;
        width: 70px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
  }
  .coupon .explain > div .content .check[data-v-8e83b824] {
        color: #B4A078;
  }
  .coupon .use[data-v-8e83b824] {
    background: #fff;
    padding: 8px 15px 15px 17px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    line-height: 30px;
  }
  .coupon .off[data-v-8e83b824] {
    height: 32px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #F59D22;
    line-height: 32px;
    text-align: center;
    background: #FFF4E4;
    position: fixed;
    bottom: 50px;
    width: 100%;
  }
  .coupon .btns[data-v-8e83b824] {
    z-index: 100;
  }
  .coupon .btns .pirate-action-bar-large-btn[data-v-8e83b824] {
      background: #DF635E;
  }
  
  .success[data-v-db24eb22] {
    background: #fff;
    padding: 35px 0 15px 0;
  }
  .success .icon[data-v-db24eb22] {
      margin: 0 auto;
      width: 90px;
      height: 90px;
      display: block;
  }
  .success .exchange[data-v-db24eb22] {
      font-size: 16px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #333;
      margin-top: 20px;
      text-align: center;
  }
  .success .tips[data-v-db24eb22] {
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #666;
      margin-top: 10px;
      text-align: center;
  }
  .success .btns[data-v-db24eb22] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      line-height: 40px;
      margin-top: 50px;
  }
  .success .btns .on[data-v-db24eb22] {
        color: #333;
        width: 140px;
        height: 40px;
        border: 1px solid #cacaca;
        border-radius: 30px;
  }
  .success .btns .detail[data-v-db24eb22] {
        color: #fff;
        width: 140px;
        height: 40px;
        background: #DF635E;
        border-radius: 30px;
        margin-left: 20px;
  }
  .fail[data-v-db24eb22] {
    background: #fff;
    padding: 35px 0 15px 0;
  }
  .fail .icon[data-v-db24eb22] {
      margin: 0 auto;
      width: 90px;
      height: 90px;
      display: block;
  }
  .fail .exchange[data-v-db24eb22] {
      font-size: 16px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #333;
      margin-top: 20px;
      text-align: center;
  }
  .fail .tips[data-v-db24eb22] {
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #666;
      margin-top: 10px;
      text-align: center;
  }
  .fail .btns[data-v-db24eb22] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      line-height: 40px;
      margin-top: 50px;
  }
  .fail .btns .on[data-v-db24eb22] {
        color: #333;
        width: 140px;
        height: 40px;
        border: 1px solid #cacaca;
        border-radius: 30px;
  }
  .fail .btns .detail[data-v-db24eb22] {
        color: #fff;
        width: 140px;
        height: 40px;
        background: #DF635E;
        border-radius: 30px;
        margin-left: 20px;
  }
  .follow[data-v-db24eb22] {
    height: 50px;
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    margin-top: 5px;
  }
  .follow span[data-v-db24eb22] {
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #666;
  }
  .follow div[data-v-db24eb22] {
      width: 50px;
      height: 24px;
      border-radius: 20px;
      border: 1px solid #cacaca;
      font-size: 12px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #333;
      line-height: 24px;
      text-align: center;
  }
  
  .success[data-v-b414ddb8] {
    background: #fff;
    padding: 35px 0 15px 0;
  }
  .success .icon[data-v-b414ddb8] {
      margin: 0 auto;
      width: 90px;
      height: 90px;
      display: block;
  }
  .success .exchange[data-v-b414ddb8] {
      font-size: 16px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #333;
      margin-top: 20px;
      text-align: center;
  }
  .success .tips[data-v-b414ddb8] {
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #666;
      margin-top: 10px;
      text-align: center;
  }
  .success .btns[data-v-b414ddb8] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      line-height: 40px;
      margin-top: 50px;
  }
  .success .btns .on[data-v-b414ddb8] {
        color: #333;
        width: 140px;
        height: 40px;
        border: 1px solid #cacaca;
        border-radius: 30px;
  }
  .success .btns .detail[data-v-b414ddb8] {
        color: #fff;
        width: 140px;
        height: 40px;
        background: #DF635E;
        border-radius: 30px;
        margin-left: 20px;
  }
  .fail[data-v-b414ddb8] {
    background: #fff;
    padding: 35px 0 15px 0;
  }
  .fail .icon[data-v-b414ddb8] {
      margin: 0 auto;
      width: 90px;
      height: 90px;
      display: block;
  }
  .fail .exchange[data-v-b414ddb8] {
      font-size: 16px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #333;
      margin-top: 20px;
      text-align: center;
  }
  .fail .tips[data-v-b414ddb8] {
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #666;
      margin-top: 10px;
      text-align: center;
  }
  .fail .btns[data-v-b414ddb8] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      line-height: 40px;
      margin-top: 50px;
  }
  .fail .btns .on[data-v-b414ddb8] {
        color: #333;
        width: 140px;
        height: 40px;
        border: 1px solid #cacaca;
        border-radius: 30px;
  }
  .fail .btns .detail[data-v-b414ddb8] {
        color: #fff;
        width: 140px;
        height: 40px;
        background: #DF635E;
        border-radius: 30px;
        margin-left: 20px;
  }
  .follow[data-v-b414ddb8] {
    height: 50px;
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    margin-top: 5px;
  }
  .follow span[data-v-b414ddb8] {
      font-size: 14px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #666;
  }
  .follow div[data-v-b414ddb8] {
      width: 50px;
      height: 24px;
      border-radius: 20px;
      border: 1px solid #cacaca;
      font-size: 12px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #333;
      line-height: 24px;
      text-align: center;
  }
  
  .item[data-v-e1a0239c]:not(:first-child) {
    margin-top: 8px;
  }
  .item .header[data-v-e1a0239c] {
    padding: 15px;
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #222;
  }
  .item .header .send[data-v-e1a0239c] {
      color: #F59D22;
  }
  .item .content[data-v-e1a0239c] {
    padding: 15px;
    background: #FAFAFA;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .item .content img[data-v-e1a0239c] {
      height: 75px;
      width: 75px;
      margin-right: 10px;
  }
  .item .content .info[data-v-e1a0239c] {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .item .content .info .left[data-v-e1a0239c] {
        width: 67%;
  }
  .item .content .info .left .name[data-v-e1a0239c] {
          font-size: 14px;
          font-family: PingFangSC-Regular;
          font-weight: 400;
          color: #222;
          line-height: 20px;
  }
  .item .content .info .left .sku[data-v-e1a0239c] {
          margin-top: 5px;
          font-size: 12px;
          font-family: PingFangSC-Regular;
          font-weight: 400;
          color: #999;
  }
  .item .content .info .right[data-v-e1a0239c] {
        text-align: right;
  }
  .item .content .info .right .points[data-v-e1a0239c] {
          font-size: 14px;
          font-family: PingFangSC-Regular;
          font-weight: 400;
          color: #222;
  }
  .item .content .info .right .price[data-v-e1a0239c] {
          margin-top: 8px;
          font-size: 12px;
          font-family: PingFangSC-Regular;
          font-weight: 400;
          color: #999;
          text-decoration: line-through;
  }
  .item .content .info .right .num[data-v-e1a0239c] {
          margin-top: 8px;
          font-size: 12px;
          font-family: PingFangSC-Regular;
          font-weight: 400;
          color: #999;
  }
  .item .footer[data-v-e1a0239c] {
    padding: 15px;
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .item .footer .points[data-v-e1a0239c] {
      font-size: 12px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #222;
  }
  .item .footer .points span[data-v-e1a0239c] {
        color: #B4A078;
  }
  .empty[data-v-e1a0239c] {
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
  }
  /* sprite-loader-enable */
  .banner[data-v-38741185] {
    height: 158px;
    background: linear-gradient(315deg, #e8d1a4 0%, #cdae79 100%);
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 20px;
  }
  .banner .title[data-v-38741185] {
    font-size: 20px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
  }
  .banner .content[data-v-38741185] {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    margin-top: 15px;
    line-height: 20px;
  }
  .about[data-v-38741185] {
    overflow: hidden;
    background: #fff;
  }
  .space[data-v-38741185] {
    width: 100%;
    height: 7px;
  }
  .title-container[data-v-38741185] {
    padding: 20px 0;
    background: #fff;
  }
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .special-list .special-item-container[data-v-c3643444] {
    padding-left: 15px;
  }
  .special-list .special-item-container .special-item[data-v-c3643444] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 19px 16px 19px 0;
      box-sizing: border-box;
      position: relative;
      border-radius: 0;
  }
  .special-list .special-item-container .special-item[data-v-c3643444]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .special-list .special-item-container .special-item > *[data-v-c3643444] {
        position: relative;
  }
  .special-list .special-item-container .special-item[data-v-c3643444]:before {
        border-top: 0px solid #e5e5e5;
  }
  .special-list .special-item-container .special-item[data-v-c3643444]:before {
        border-right: 0px solid #e5e5e5;
  }
  .special-list .special-item-container .special-item[data-v-c3643444]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .special-list .special-item-container .special-item[data-v-c3643444]:before {
        border-left: 0px solid #e5e5e5;
  }
  .special-list .special-item-container .special-item .item-icon[data-v-c3643444] {
        width: 108px;
        height: 108px;
        position: relative;
        border-radius: 0;
  }
  .special-list .special-item-container .special-item .item-icon[data-v-c3643444]:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 200%;
          height: 200%;
          -webkit-transform-origin: left top;
              -ms-transform-origin: left top;
                  transform-origin: left top;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
          border-radius: 0;
          box-sizing: border-box;
  }
  .special-list .special-item-container .special-item .item-icon > *[data-v-c3643444] {
          position: relative;
  }
  .special-list .special-item-container .special-item .item-icon[data-v-c3643444]:before {
          border-top: 1px solid #e5e5e5;
  }
  .special-list .special-item-container .special-item .item-icon[data-v-c3643444]:before {
          border-right: 1px solid #e5e5e5;
  }
  .special-list .special-item-container .special-item .item-icon[data-v-c3643444]:before {
          border-bottom: 1px solid #e5e5e5;
  }
  .special-list .special-item-container .special-item .item-icon[data-v-c3643444]:before {
          border-left: 1px solid #e5e5e5;
  }
  .special-list .special-item-container .special-item .item-detail[data-v-c3643444] {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-left: 10px;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .special-list .special-item-container .special-item .item-detail .item-title[data-v-c3643444] {
          margin: 2px;
          line-height: 22px;
          word-break: break-all;
  }
  .special-list .special-item-container .special-item .item-detail .item-bottom[data-v-c3643444] {
          margin-bottom: 4px;
  }
  .special-list .special-item-container .special-item .item-detail .item-bottom .item-discount-label[data-v-c3643444] {
            background: linear-gradient(138.4deg, #FF6B6B, #FF305F);
            text-align: center;
            padding: 0 10px;
            font-size: 10px;
  }
  .special-list .special-item-container .special-item .item-detail .item-bottom .item-active-price[data-v-c3643444] {
            color: #E74C75;
            margin: 8px 0 2px;
  }
  .special-list .special-item-container .special-item .item-detail .item-bottom .item-price[data-v-c3643444] {
            color: #AAA;
            text-decoration: line-through;
  }
  .special-list .special-item-container .special-item .item-btn[data-v-c3643444] {
        position: absolute;
        right: 16px;
        bottom: 23px;
        background: linear-gradient(138.4deg, #fcb719, #f6a346);
        border-radius: 16px;
        width: 62px;
        height: 24px;
        line-height: 24px;
        text-align: center;
  }
  .service-prompt[data-v-c3643444] {
    padding-left: 10px;
    height: 42px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border-radius: 0;
  }
  .service-prompt[data-v-c3643444]:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 200%;
      height: 200%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
      border-radius: 0;
      box-sizing: border-box;
  }
  .service-prompt > *[data-v-c3643444] {
      position: relative;
  }
  .service-prompt[data-v-c3643444]:before {
      border-top: 0px solid #e5e5e5;
  }
  .service-prompt[data-v-c3643444]:before {
      border-right: 0px solid #e5e5e5;
  }
  .service-prompt[data-v-c3643444]:before {
      border-bottom: 1px solid #e5e5e5;
  }
  .service-prompt[data-v-c3643444]:before {
      border-left: 0px solid #e5e5e5;
  }
  .service-prompt .service-text[data-v-c3643444] {
      padding-left: 5px;
  }
  .none[data-v-c3643444] {
    font-family: PingFangSC-Regular;
    text-align: center;
    padding-top: 116px;
  }
  .none .none-title[data-v-c3643444] {
      font-family: PingFangSC-Regular;
      color: #666666;
  }
  
  .submit-reserve[data-v-562a08c8] {
    padding: 20px 25px 0 25px;
  }
  .submit-reserve .info[data-v-562a08c8] {
      padding-left: 18px;
      color: #333;
  }
  .submit-reserve .info > [data-v-562a08c8]:first-child {
        font-size: 16px;
  }
  .submit-reserve .info > [data-v-562a08c8]:nth-child(2) {
        font-size: 12px;
        margin-top: 3px;
  }
  .submit-reserve .info .sub[data-v-562a08c8] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
  }
  .submit-reserve .info .sub .name[data-v-562a08c8] {
          word-break: break-all;
  }
  .submit-reserve .info .sub .price[data-v-562a08c8] {
          min-width: 80px;
          text-align: right;
          font-size: 12px;
  }
  .submit-reserve .word[data-v-562a08c8] {
      background: #FFF;
      box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.04);
      border-radius: 10px;
      height: 90px;
      width: 100%;
      border: none;
      padding: 20px;
      box-sizing: border-box;
      font-size: 14px;
      color: #333;
  }
  .submit-reserve .word[data-v-562a08c8]::-webkit-input-placeholder {
        color: #C7C7C7;
  }
  .submit-reserve .word[data-v-562a08c8]:-ms-input-placeholder {
        color: #C7C7C7;
  }
  .submit-reserve .word[data-v-562a08c8]::placeholder {
        color: #C7C7C7;
  }
  .submit-reserve .person-info[data-v-562a08c8] {
      background: #fff;
      box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.04);
      border-radius: 10px;
  }
  .submit-reserve .person-info .item[data-v-562a08c8] {
        height: 50px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0 20px;
  }
  .submit-reserve .person-info .item input[data-v-562a08c8] {
          font-size: 14px;
          color: #333;
          border: none;
          background: none;
          width: 75%;
  }
  .submit-reserve .person-info .item label[data-v-562a08c8] {
          font-size: 14px;
          color: #C7C7C7;
  }
  .submit-reserve .person-info .item[data-v-562a08c8]:not(:last-child) {
          border-bottom: 1px solid #E5E5E5;
  }
  .submit-reserve .wait-pay-area[data-v-562a08c8] {
      z-index: 10;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50px;
      background: #fff;
      box-sizing: border-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .submit-reserve .wait-pay-area[data-v-562a08c8]:before {
        border-top: 1px solid #e5e5e5;
  }
  .submit-reserve .wait-pay-area .total[data-v-562a08c8] {
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 30px;
  }
  .submit-reserve .wait-pay-area .total .text[data-v-562a08c8] {
          font-size: 14px;
          color: #666;
  }
  .submit-reserve .wait-pay-area .total .amount[data-v-562a08c8] {
          font-size: 16px;
  }
  .submit-reserve .wait-pay-area .total .amount .decimal[data-v-562a08c8] {
            font-size: 12px;
  }
  .submit-reserve .wait-pay-area .btn-submit-reserve[data-v-562a08c8] {
        -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
                flex-shrink: 1;
        margin-left: 10px;
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 100%;
        font-size: 16px;
        border: none;
  }
  .submit-reserve .wait-pay-area .btn-submit-reserve[data-v-562a08c8]:disabled {
          opacity: .6;
  }
  .submit-reserve .wait-pay-area .tag[data-v-562a08c8] {
        margin-right: 6px;
        font-family: PingFangSC-Regular;
        font-size: 12px;
        padding: 1px 2px;
        border-radius: 2px;
        line-height: initial;
  }
  
  .info-field[data-v-5fc589ae] {
    margin-bottom: 30px;
  }
  .info-field .header[data-v-5fc589ae] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
  }
  .info-field .header span[data-v-5fc589ae] {
        margin-left: 4px;
        font-size: 14px;
        color: #999;
  }
  .info-field .content[data-v-5fc589ae] {
      margin-top: 15px;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .info[data-v-42e762f2] {
    padding: 20px;
  }
  .info .mgt-10[data-v-42e762f2] {
      margin-top: 10px;
  }
  .info .detail[data-v-42e762f2] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
  }
  .info .detail .duration[data-v-42e762f2] {
        font-size: 12px;
        margin-top: 4px;
  }
  .info .bar[data-v-42e762f2] {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .info .bar .msg[data-v-42e762f2] {
        position: relative;
        border-radius: 0;
        width: 60%;
        background: #fff;
        font-size: 14px;
        color: #222;
        line-height: 50px;
        text-align: center;
  }
  .info .bar .msg[data-v-42e762f2]:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 200%;
          height: 200%;
          -webkit-transform-origin: left top;
              -ms-transform-origin: left top;
                  transform-origin: left top;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
          border-radius: 0;
          box-sizing: border-box;
  }
  .info .bar .msg > *[data-v-42e762f2] {
          position: relative;
  }
  .info .bar .msg[data-v-42e762f2]:before {
          border-top: 1px solid #e5e5e5;
  }
  .info .bar .msg[data-v-42e762f2]:before {
          border-right: 1px solid #e5e5e5;
  }
  .info .bar .msg[data-v-42e762f2]:before {
          border-bottom: 1px solid #e5e5e5;
  }
  .info .bar .msg[data-v-42e762f2]:before {
          border-left: 1px solid #e5e5e5;
  }
  .info .bar .btn[data-v-42e762f2] {
        width: 40%;
        font-size: 16px;
  }
  
  .picker-container[data-v-a6f8271e] {
    padding: 0 20px;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .list-container[data-v-454bb281] {
    padding: 12px 0;
  }
  .list-container ul[data-v-454bb281] {
      background: #FFF;
      border-radius: 10px;
      padding: 0 15px;
  }
  .list-container ul li[data-v-454bb281] {
        padding: 20px 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        position: relative;
        border-radius: 0;
  }
  .list-container ul li[data-v-454bb281]:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 200%;
          height: 200%;
          -webkit-transform-origin: left top;
              -ms-transform-origin: left top;
                  transform-origin: left top;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
          border-radius: 0;
          box-sizing: border-box;
  }
  .list-container ul li > *[data-v-454bb281] {
          position: relative;
  }
  .list-container ul li[data-v-454bb281]:before {
          border-top: 0px solid #E5E5E5;
  }
  .list-container ul li[data-v-454bb281]:before {
          border-right: 0px solid #E5E5E5;
  }
  .list-container ul li[data-v-454bb281]:before {
          border-bottom: 1px solid #E5E5E5;
  }
  .list-container ul li[data-v-454bb281]:before {
          border-left: 0px solid #E5E5E5;
  }
  .list-container ul li[data-v-454bb281]:last-child {
          position: relative;
          border-radius: 0;
  }
  .list-container ul li[data-v-454bb281]:last-child:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 200%;
            height: 200%;
            -webkit-transform-origin: left top;
                -ms-transform-origin: left top;
                    transform-origin: left top;
            -webkit-transform: scale(0.5);
                -ms-transform: scale(0.5);
                    transform: scale(0.5);
            border-radius: 0;
            box-sizing: border-box;
  }
  .list-container ul li:last-child > *[data-v-454bb281] {
            position: relative;
  }
  .list-container ul li[data-v-454bb281]:last-child:before {
            border-top: 0px solid #e5e5e5;
  }
  .list-container ul li[data-v-454bb281]:last-child:before {
            border-right: 0px solid #e5e5e5;
  }
  .list-container ul li[data-v-454bb281]:last-child:before {
            border-bottom: 0px solid #e5e5e5;
  }
  .list-container ul li[data-v-454bb281]:last-child:before {
            border-left: 0px solid #e5e5e5;
  }
  .list-container ul li .l[data-v-454bb281], .list-container ul li .r[data-v-454bb281] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-content: center;
              -ms-flex-line-pack: center;
                  align-content: center;
  }
  .list-container ul li .l[data-v-454bb281] {
          min-width: calc(100% - 78px);
  }
  .list-container ul li .l .pic[data-v-454bb281] {
            line-height: 0;
  }
  .list-container ul li .l .pic img[data-v-454bb281] {
              border-radius: 50%;
              width: 66px;
              height: 66px;
  }
  .list-container ul li .l .info[data-v-454bb281] {
            padding-left: 10px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
  }
  .list-container ul li .l .info .name[data-v-454bb281] {
              color: #000;
              font-size: 16px;
              word-break: break-all;
  }
  .list-container ul li .l .info .type[data-v-454bb281] {
              color: #888;
              font-size: 14px;
              padding-top: 10px;
  }
  .list-container ul li .l .info .prod[data-v-454bb281] {
              color: #888;
              font-size: 10px;
              margin-top: 10px;
  }
  .list-container ul li .r[data-v-454bb281] {
          border-top: 20px solid transparent;
          border-bottom: 20px solid transparent;
  }
  .list-container ul li .r .bt[data-v-454bb281] {
            width: 78px;
            height: 28px;
            border-radius: 20px;
            color: 12px;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center;
  }
  .list-container .status-container[data-v-454bb281] {
      background: #FFF;
      border-radius: 10px;
  }
  
  .picker-container[data-v-2fd71ac3] {
    padding: 0 20px;
    min-height: 100%;
    box-sizing: border-box;
  }
  
  .tag-list-container[data-v-20d78696] {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .tag-list-container ul[data-v-20d78696] {
      padding: 10px 20px 12px;
      line-height: 28px;
      height: 28px;
      overflow-x: auto;
      overflow-y: hidden;
      white-space: nowrap;
      display: inline-block;
  }
  .tag-list-container ul li[data-v-20d78696] {
        display: inline-block;
        line-height: 28px;
        margin-right: 45px;
        position: relative;
        font-size: 14px;
  }
  .tag-list-container ul li[data-v-20d78696]:last-child {
          margin-right: 0;
  }
  .tag-list-container ul li.active .line[data-v-20d78696] {
          position: absolute;
          width: 100%;
          left: 0;
          bottom: 0;
          height: 2px;
  }
  
  .list-container ul li.has-skus[data-v-74e16e8c]:after {
    background: url(//b.yzcdn.cn/beauty/wap/2bec738beafe6eb8a41a611ae87b855b.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * css涓夎褰�
  */
  .list-container[data-v-74e16e8c] {
    padding: 0 0 12px 0;
  }
  .list-container .content[data-v-74e16e8c] {
    padding: 10px 15px;
    background: #FFF;
    border-radius: 10px;
  }
  .list-container ul li[data-v-74e16e8c] {
    padding: 15px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    position: relative;
    border-radius: 0;
  }
  .list-container ul li[data-v-74e16e8c]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 0;
    box-sizing: border-box;
  }
  .list-container ul li > *[data-v-74e16e8c] {
    position: relative;
  }
  .list-container ul li[data-v-74e16e8c]:before {
    border-top: 0px solid #E5E5E5;
  }
  .list-container ul li[data-v-74e16e8c]:before {
    border-right: 0px solid #E5E5E5;
  }
  .list-container ul li[data-v-74e16e8c]:before {
    border-bottom: 1px solid #E5E5E5;
  }
  .list-container ul li[data-v-74e16e8c]:before {
    border-left: 0px solid #E5E5E5;
  }
  .list-container ul li[data-v-74e16e8c]:last-child {
    position: relative;
    border-radius: 0;
  }
  .list-container ul li[data-v-74e16e8c]:last-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 0;
    box-sizing: border-box;
  }
  .list-container ul li:last-child > *[data-v-74e16e8c] {
    position: relative;
  }
  .list-container ul li[data-v-74e16e8c]:last-child:before {
    border-top: 0px solid #e5e5e5;
  }
  .list-container ul li[data-v-74e16e8c]:last-child:before {
    border-right: 0px solid #e5e5e5;
  }
  .list-container ul li[data-v-74e16e8c]:last-child:before {
    border-bottom: 0px solid #e5e5e5;
  }
  .list-container ul li[data-v-74e16e8c]:last-child:before {
    border-left: 0px solid #e5e5e5;
  }
  .list-container ul li .pic[data-v-74e16e8c] {
    line-height: 0;
  }
  .list-container ul li .pic img[data-v-74e16e8c] {
    width: 45px;
    height: 45px;
  }
  .list-container ul li .info[data-v-74e16e8c] {
    margin-left: 10px;
    margin-right: 16px;
    width: 100%;
    overflow: hidden;
  }
  .list-container ul li .info .header[data-v-74e16e8c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .list-container ul li .info .header .name[data-v-74e16e8c] {
    color: #130c0c;
    font-size: 14px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .list-container ul li .info .header .remain[data-v-74e16e8c] {
    font-size: 12px;
    color: #c7c7c7;
  }
  .list-container ul li .info .detail[data-v-74e16e8c] {
    font-size: 12px;
    padding-top: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .list-container ul li .info .detail .duration[data-v-74e16e8c] {
    color: #c7c7c7;
  }
  .list-container ul li.has-skus[data-v-74e16e8c]:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 10px;
    opacity: .8;
    margin-top: -5px;
    background-position: 0 0;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .list-container ul li.has-skus[data-v-74e16e8c]:after {
      background-image: url(//b.yzcdn.cn/beauty/wap/9aab5edefd30b9a7f7c765de4c40976d.png);
      background-size: 6px 10px;
  }
  }
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .h-10[data-v-1c14cd10] {
    height: 10px;
  }
  .sku-select-picker-container[data-v-1c14cd10] {
    background: #FFF;
    min-height: 200px;
  }
  .sku-select-picker-container .header[data-v-1c14cd10] {
      position: relative;
      border-radius: 0;
      padding: 0 15px;
      padding-bottom: 10px;
  }
  .sku-select-picker-container .header[data-v-1c14cd10]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .sku-select-picker-container .header > *[data-v-1c14cd10] {
        position: relative;
  }
  .sku-select-picker-container .header[data-v-1c14cd10]:before {
        border-top: 1px solid #e5e5e5;
  }
  .sku-select-picker-container .header[data-v-1c14cd10]:before {
        border-right: 1px solid #e5e5e5;
  }
  .sku-select-picker-container .header[data-v-1c14cd10]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .sku-select-picker-container .header[data-v-1c14cd10]:before {
        border-left: 1px solid #e5e5e5;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 2) {
  .sku-select-picker-container .header[data-v-1c14cd10]:after {
          width: 200%;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
  }
  }
  @media screen and (-webkit-min-device-pixel-ratio: 3) {
  .sku-select-picker-container .header[data-v-1c14cd10]:after {
          width: 300%;
          -webkit-transform: scale(0.3333);
              -ms-transform: scale(0.3333);
                  transform: scale(0.3333);
  }
  }
  .sku-select-picker-container .header .avatar[data-v-1c14cd10] {
        width: 80px;
        height: 80px;
        margin-top: -10px;
        vertical-align: top;
        border-radius: 2px;
        border: 2px solid #e5e5e5;
  }
  .sku-select-picker-container .header .summary[data-v-1c14cd10] {
        display: inline-block;
        padding: 10px 0 0 10px;
  }
  .sku-select-picker-container .header .summary p[data-v-1c14cd10] {
          margin-bottom: 10px;
          font-size: 12px;
          color: #333;
          width: 5.78rem;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
  }
  .sku-select-picker-container .header .summary .exp[data-v-1c14cd10] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
  }
  .sku-select-picker-container .header .summary .exp em[data-v-1c14cd10] {
            font-size: 16px;
  }
  .sku-select-picker-container .header .summary .exp .tag[data-v-1c14cd10] {
            margin-left: 5px;
            border-radius: 2px;
            padding: 0 3px;
            height: 16px;
            font-size: 10px;
            line-height: 16px;
            color: #fff;
            background: #e84c75;
            text-align: center;
  }
  .sku-select-picker-container .header .summary .exp .tag.new[data-v-1c14cd10] {
              width: 54px;
              background: #F8AA35;
  }
  .sku-select-picker-container .header .summary .origin[data-v-1c14cd10] {
          margin-top: 5px;
          text-decoration: line-through;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: #999999;
  }
  .sku-select-picker-container .bd[data-v-1c14cd10] {
      padding: 0 15px;
  }
  .sku-select-picker-container .bd .sku-list[data-v-1c14cd10] {
        max-height: 300px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding-top: 22px;
        padding-bottom: 10px;
        position: relative;
        border-radius: 0;
  }
  .sku-select-picker-container .bd .sku-list[data-v-1c14cd10]:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 200%;
          height: 200%;
          -webkit-transform-origin: left top;
              -ms-transform-origin: left top;
                  transform-origin: left top;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
          border-radius: 0;
          box-sizing: border-box;
  }
  .sku-select-picker-container .bd .sku-list > *[data-v-1c14cd10] {
          position: relative;
  }
  .sku-select-picker-container .bd .sku-list[data-v-1c14cd10]:before {
          border-top: 0px solid #e5e5e5;
  }
  .sku-select-picker-container .bd .sku-list[data-v-1c14cd10]:before {
          border-right: 0px solid #e5e5e5;
  }
  .sku-select-picker-container .bd .sku-list[data-v-1c14cd10]:before {
          border-bottom: 1px solid #e5e5e5;
  }
  .sku-select-picker-container .bd .sku-list[data-v-1c14cd10]:before {
          border-left: 0px solid #e5e5e5;
  }
  .sku-select-picker-container .bd .sku-list dl[data-v-1c14cd10] {
          margin-bottom: 22px;
  }
  .sku-select-picker-container .bd .sku-list dl[data-v-1c14cd10]:last-child {
            margin-bottom: 0;
  }
  .sku-select-picker-container .bd .sku-list dl dt[data-v-1c14cd10] {
            font-size: 14px;
            color: #666;
            margin-bottom: 10px;
  }
  .sku-select-picker-container .bd .sku-list dl dd[data-v-1c14cd10] {
            box-sizing: border-box;
            display: inline-block;
            font-size: 14px;
            border-radius: 30px;
            padding: 10px 15px;
            margin-right: 10px;
            line-height: 16px;
            margin-bottom: 10px;
            vertical-align: middle;
            transition: all .3s;
  }
  .sku-select-picker-container .bd .sku-list dl dd.item[data-v-1c14cd10] {
              color: #333333;
              position: relative;
              border-radius: 40px;
  }
  .sku-select-picker-container .bd .sku-list dl dd.item[data-v-1c14cd10]:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 200%;
                height: 200%;
                -webkit-transform-origin: left top;
                    -ms-transform-origin: left top;
                        transform-origin: left top;
                -webkit-transform: scale(0.5);
                    -ms-transform: scale(0.5);
                        transform: scale(0.5);
                border-radius: 80px;
                box-sizing: border-box;
  }
  .sku-select-picker-container .bd .sku-list dl dd.item > *[data-v-1c14cd10] {
                position: relative;
  }
  .sku-select-picker-container .bd .sku-list dl dd.item[data-v-1c14cd10]:before {
                border-top: 1px solid #cacaca;
  }
  .sku-select-picker-container .bd .sku-list dl dd.item[data-v-1c14cd10]:before {
                border-right: 1px solid #cacaca;
  }
  .sku-select-picker-container .bd .sku-list dl dd.item[data-v-1c14cd10]:before {
                border-bottom: 1px solid #cacaca;
  }
  .sku-select-picker-container .bd .sku-list dl dd.item[data-v-1c14cd10]:before {
                border-left: 1px solid #cacaca;
  }
  .sku-select-picker-container .bd .sku-list dl dd.disabled[data-v-1c14cd10] {
              opacity: .7;
  }
  .sku-select-picker-container .bd .sku-list dl dd[data-v-1c14cd10]:before {
              border-radius: 80px;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .service[data-v-9867135e] {
    margin: 10px 20px;
  }
  .picker-content[data-v-9867135e] {
    margin: 0 20px;
  }
  .bar[data-v-9867135e] {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bar .msg[data-v-9867135e] {
      position: relative;
      border-radius: 0;
      width: 60%;
      background: #fff;
      font-size: 14px;
      color: #222;
      line-height: 50px;
      text-align: center;
  }
  .bar .msg[data-v-9867135e]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .bar .msg > *[data-v-9867135e] {
        position: relative;
  }
  .bar .msg[data-v-9867135e]:before {
        border-top: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-9867135e]:before {
        border-right: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-9867135e]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-9867135e]:before {
        border-left: 1px solid #e5e5e5;
  }
  .bar .btn[data-v-9867135e] {
      width: 40%;
      font-size: 16px;
  }
  /* sprite-loader-enable */
  .form .phone[data-v-446e0140],
  .form .code[data-v-446e0140] {
    background: #fff;
    padding: 0 15px;
  }
  .form .phone[data-v-446e0140] {
    display: block;
  }
  .form .phone input[data-v-446e0140] {
    box-sizing: border-box;
    display: block;
    height: 90px;
    width: 100%;
    border: 0;
    font-size: 24px;
  }
  .form .code[data-v-446e0140] {
    margin-top: 10px;
    height: 44px;
    line-height: 44px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .form .code input[data-v-446e0140] {
    font-size: 14px;
    border: 0;
  }
  .form .code .send[data-v-446e0140] {
    font-size: 12px;
    color: #E74C75;
  }
  .form .code .send.disabled[data-v-446e0140] {
    color: #888;
    pointer-events: none;
  }
  .form .code .disable[data-v-446e0140] {
    opacity: .4;
  }
  .form .btn[data-v-446e0140] {
    display: block;
    margin: 36px 15px 0;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    text-align: center;
    color: #fff;
    background: linear-gradient(42deg, #ED564D 0%, #E84C75 100%);
  }
  .form .btn.disabled[data-v-446e0140] {
    opacity: .5;
    pointer-events: none;
  }
  .bottom[data-v-446e0140] {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
  }
  .center-container[data-v-61c5be47] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
  }
  .center-container.hide[data-v-61c5be47] {
      display: none;
  }
  .mark-black[data-v-61c5be47] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
  }
  .login-container[data-v-61c5be47] {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 24px;
    background: #fff;
    border-radius: 3px;
    z-index: 101;
  }
  .login-container .login-cancel[data-v-61c5be47] {
      display: inline-block;
      position: absolute;
      top: 8px;
      right: 8px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: #9B9B9B solid 1px;
      text-align: center;
      line-height: 16px;
  }
  .login-container .login-title[data-v-61c5be47] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .login-container .login-title .t[data-v-61c5be47] {
        font-size: 20px;
        color: #222;
  }
  .login-container .login-title .b[data-v-61c5be47] {
        font-size: 12px;
        color: #888888;
        margin-top: 9px;
  }
  .login-container .login-form-container[data-v-61c5be47] {
      padding-top: 33px;
  }
  .login-container .login-form-container .login-cancel > span[data-v-61c5be47] {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 0 3px 1px;
        vertical-align: middle;
  }
  .login-container .input-downline-normal[data-v-61c5be47] {
      padding-bottom: 20px;
      border-bottom: solid #ddd .5px;
      color: #ddd;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .login-container .input-downline-normal input[data-v-61c5be47] {
        width: 120px;
        font-size: 14px;
        margin-left: 8px;
        border: none;
        line-height: 16px;
        height: 16px;
  }
  .login-container .send-verify[data-v-61c5be47] {
      display: inline-block;
      width: 70px;
      padding-left: 8px;
      border-left: solid #ddd 1px;
      text-align: center;
      color: #E74C75;
  }
  .login-container .btn-login[data-v-61c5be47] {
      width: 100%;
      box-sizing: border-box;
      padding: 10px 32px 10px 32px;
      font-size: 14px;
      border-radius: 48px;
      color: #fff;
      border: 0;
      text-align: center;
      background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
  }
  .login-container .disable[data-v-61c5be47] {
      opacity: .4;
  }
  .pic-container[data-v-61c5be47] {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 24px;
    background: #fff;
    border-radius: 3px;
    z-index: 101;
  }
  .pic-container__cancel[data-v-61c5be47] {
      display: inline-block;
      position: absolute;
      top: 8px;
      right: 8px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: #9B9B9B solid 1px;
      text-align: center;
      line-height: 16px;
  }
  .pic-container__title[data-v-61c5be47] {
      font-size: 20px;
      text-align: center;
      margin: 0 auto;
  }
  .pic-container__pic[data-v-61c5be47] {
      margin-top: 23px;
  }
  .pic-container__pic img[data-v-61c5be47] {
        height: 52px;
  }
  .pic-container__pic .next[data-v-61c5be47] {
        margin-top: 5px;
        font-size: 12px;
        color: #ccc;
        text-align: right;
  }
  .pic-container__input[data-v-61c5be47] {
      margin-top: 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .pic-container__input li[data-v-61c5be47] {
        border-radius: 2px;
        width: 50px;
        height: 50px;
        font-size: 30px;
        text-align: center;
        line-height: 50px;
  }
  .pic-container__input li.normal[data-v-61c5be47] {
          border: 1px solid #e5e5e5;
  }
  .pic-container__input li.active[data-v-61c5be47] {
          border-style: solid;
          border-width: 1px;
  }
  .pic-container .input-code[data-v-61c5be47] {
      position: absolute;
      left: -9999px;
      top: -9999px;
  }
  .pic-container__confirm[data-v-61c5be47] {
      margin-top: 20px;
      border-radius: 100px;
      height: 36px;
      font-size: 14px;
      text-align: center;
      line-height: 36px;
  }
  .pic-container__confirm--disabled[data-v-61c5be47] {
        opacity: 0.3;
  }
  
  .yz[data-v-2860c8ca]:before,
  .keyboard .keys li.clear i[data-v-2860c8ca] {
    background: url(//b.yzcdn.cn/beauty/wap/b2f1c8091c54914e8e359bbc14dd2094.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .qr-pay[data-v-2860c8ca] {
    padding: 0.8rem 20px;
  }
  .qr-pay.pay-disable .cursor[data-v-2860c8ca] {
    visibility: hidden;
  }
  .qr-pay.pay-disable .keyboard[data-v-2860c8ca] {
    display: none;
  }
  .qr-pay.wx .keyboard .pay[data-v-2860c8ca] {
    background-image: url(//b.yzcdn.cn/beauty/wap/6e1612b2800c2bc228967ad0fabed6bf.png#spriteignore);
    background-color: #1AAD19;
  }
  .title img[data-v-2860c8ca] {
    float: left;
    width: 52px;
    height: 52px;
    margin-right: 10px;
    border-radius: 50%;
  }
  .title h1[data-v-2860c8ca] {
    line-height: 52px;
    font-size: 18px;
  }
  .pay-input[data-v-2860c8ca] {
    margin-top: 0.8rem;
    padding: 15px;
    border-radius: 3px;
    background: #fff;
  }
  .pay-input h3[data-v-2860c8ca] {
    font-size: 16px;
    color: #666;
  }
  .pay-input .money[data-v-2860c8ca] {
    height: 50px;
    line-height: 50px;
    text-align: right;
  }
  .pay-input .money .yuan[data-v-2860c8ca] {
    font-size: 24px;
    color: #999;
  }
  .pay-input .money .input[data-v-2860c8ca] {
    font-size: 50px;
    font-weight: 600;
    margin-left: 8px;
  }
  .pay-input .money .cursor[data-v-2860c8ca] {
    display: inline-block;
    width: 2px;
    height: 46px;
    vertical-align: text-bottom;
    background: #333;
    -webkit-animation: cursor 1s infinite;
            animation: cursor 1s infinite;
  }
  .remark[data-v-2860c8ca] {
    height: 44px;
    padding: 0 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
  }
  .remark input[data-v-2860c8ca] {
    margin-left: 10px;
    border: 0;
    background: none;
    text-align: right;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 14px;
  }
  .tip[data-v-2860c8ca] {
    margin-top: 0.53rem;
    color: #999;
    text-align: center;
  }
  .yz[data-v-2860c8ca] {
    margin-top: 0.8rem;
    margin-bottom: 267px;
    color: #ccc;
    text-align: center;
  }
  .yz[data-v-2860c8ca]:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 18px;
    margin-right: 4px;
    vertical-align: middle;
    background-position: 0 -26px;
  }
  .keyboard[data-v-2860c8ca] {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
  }
  .keyboard .bar[data-v-2860c8ca] {
    line-height: 1.45rem;
    padding: 0 15px;
    text-align: right;
  }
  .keyboard .bar[data-v-2860c8ca]:before {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
  .keyboard .bar label[data-v-2860c8ca] {
    margin-right: 6px;
    font-size: 14px;
    color: #666;
  }
  .keyboard .bar .yuan[data-v-2860c8ca] {
    margin-right: 2px;
    font-size: 12px;
    color: #666;
  }
  .keyboard .bar .num[data-v-2860c8ca] {
    font-size: 16px;
    font-weight: 600;
  }
  .keyboard .keys li[data-v-2860c8ca] {
    position: relative;
    box-sizing: border-box;
    float: right;
    width: 25%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 24px;
  }
  .keyboard .keys li[data-v-2860c8ca]:active {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .keyboard .keys li.clear[data-v-2860c8ca],
  .keyboard .keys li.pay[data-v-2860c8ca] {
    height: 110px;
    line-height: 110px;
  }
  .keyboard .keys li.clear[data-v-2860c8ca]:before {
    border-bottom: 0;
  }
  .keyboard .keys li.clear i[data-v-2860c8ca] {
    display: inline-block;
    width: 22px;
    height: 16px;
    vertical-align: middle;
    background-position: 0 0;
  }
  .keyboard .keys li.pay[data-v-2860c8ca] {
    background-color: #5599ff;
    background-image: url(//b.yzcdn.cn/beauty/wap/c9537e0d3ce9b704b48bbd117c8657b5.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px 74px;
  }
  .keyboard .keys li.pay[data-v-2860c8ca]:before {
    border: 0;
  }
  .keyboard .keys li.pay.loading[data-v-2860c8ca] {
    background-color: #bbbbbb;
    background-image: url(//b.yzcdn.cn/beauty/wap/12fc9be04388aae09da1ba1b96a90c49.png#spriteignore);
  }
  .keyboard .keys li.zero[data-v-2860c8ca] {
    width: 50%;
  }
  .keyboard .keys li[data-v-2860c8ca]:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
            transform-origin: right top;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 1;
  }
  @-webkit-keyframes cursor {
  50% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @keyframes cursor {
  50% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .yz[data-v-2860c8ca]:before,
    .keyboard .keys li.clear i[data-v-2860c8ca] {
      background-image: url(//b.yzcdn.cn/beauty/wap/1b87f443254e55a040f19d2b6edd7f31.png);
      background-size: 22px 44px;
  }
  }
  .qr-order[data-v-f38a61ac] {
    background: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
  }
  .qr-order .text[data-v-f38a61ac] {
      text-align: center;
      max-width: 75%;
      margin-top: 81px;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
  }
  .qr-order .text .tip[data-v-f38a61ac] {
        font-size: 18px;
        color: #333;
  }
  .qr-order .text .dept-name[data-v-f38a61ac] {
        margin-top: 0.2rem;
        font-size: 15px;
        color: #999;
  }
  .qr-order .bottom[data-v-f38a61ac] {
      margin-bottom: 19px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
  }
  .qr-order .bottom button[data-v-f38a61ac] {
        font-size: 14px;
        color: #333;
        width: 344px;
        height: 44px;
        background: white;
        border-radius: 31px;
        border: 1px solid #cacaca;
  }
  
  .qr-ok .icon[data-v-a93efdc2],
  .qr-ok.wx .icon[data-v-a93efdc2] {
    background: url(//b.yzcdn.cn/beauty/wap/fec2421fbce5798b7e18c1ce23c17610.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .qr-ok[data-v-a93efdc2] {
    padding-top: 40px;
    background: #fff;
  }
  .qr-ok .icon[data-v-a93efdc2] {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-position: 0 0;
  }
  .qr-ok.wx .icon[data-v-a93efdc2] {
    background-position: -90px 0;
  }
  .qr-ok .ok[data-v-a93efdc2] {
    margin-top: 10px;
    color: #666;
    font-size: 16px;
    text-align: center;
  }
  .qr-ok .reminder[data-v-a93efdc2] {
    margin-top: 10px;
    color: #999;
    font-size: 12px;
    text-align: center;
  }
  .qr-ok .money[data-v-a93efdc2] {
    margin-top: 18px;
    font-size: 48px;
    text-align: center;
  }
  .qr-ok .info[data-v-a93efdc2] {
    margin-top: 20px;
    padding: 5px 0;
  }
  .qr-ok .info[data-v-a93efdc2]:before {
    border-top: 1px solid #e5e5e5;
  }
  .qr-ok .info li[data-v-a93efdc2] {
    padding: 0 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    line-height: 30px;
    color: #666;
  }
  .no-order[data-v-a93efdc2] {
    padding-top: 0;
    height: 100vh;
  }
  .no-order .no-order-content[data-v-a93efdc2] {
    padding-top: 150px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .qr-ok .icon[data-v-a93efdc2],
    .qr-ok.wx .icon[data-v-a93efdc2] {
      background-image: url(//b.yzcdn.cn/beauty/wap/f6059fe14f9e37ebe5dcc51a1ddde431.png);
      background-size: 170px 80px;
  }
  }
  .item[data-v-4995ba2a] {
    height: 76px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 22px;
    border-bottom: 1px solid #e5e5e5;
  }
  .item-name[data-v-4995ba2a] {
    font-size: 17px;
    font-family: PingFangSC-Regular;
    color: #222222;
    line-height: 17px;
  }
  .item-expire[data-v-4995ba2a] {
    font-size: 13px;
    font-family: PingFangSC-Regular;
    color: #cbcbcb;
    line-height: 13px;
    margin-top: 6px;
  }
  .item-value[data-v-4995ba2a] {
    font-size: 17px;
    font-family: PingFangSC-Regular;
    color: #d6a654;
    line-height: 24px;
    margin-right: 20px;
  }
  
  .all[data-v-006e7646] {
    overflow: hidden;
  }
  .icon[data-v-006e7646] {
    background: url(//b.yzcdn.cn/beauty/wap/d41ab682bb1e4dd85e09fa7caa0bef5f.png);
    background-size: cover;
    height: 90px;
    width: 100px;
    margin: 0 auto;
    margin-top: 90px;
  }
  .yang[data-v-006e7646] {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
  }
  .word[data-v-006e7646] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
  }
  .btn[data-v-006e7646] {
    background: #FFFFFF;
    border: 0 solid #E5E5E5;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    line-height: 40px;
    color: #333333;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
    width: 90%;
    height: 40px;
  }
  .contact[data-v-006e7646] {
    margin: 0 auto;
    margin-top: 186px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact div[data-v-006e7646] {
      display: inline-block;
      background: url(//b.yzcdn.cn/beauty/wap/85b623b3d7894f5e819a7dd94f47e6c5.png);
      background-size: cover;
      height: 16px;
      width: 16px;
      margin-right: 5px;
  }
  .contact span[data-v-006e7646] {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #3388FF;
      line-height: 14px;
  }
  
  .all[data-v-7a3abac5] {
    overflow: hidden;
  }
  .all .logo[data-v-7a3abac5] {
      display: block;
      height: 72px;
      width: 72px;
      margin: 0 auto;
      margin-top: 70px;
      border-radius: 50%;
  }
  .all .word[data-v-7a3abac5] {
      font-family: PingFangSC-Regular;
      font-size: 18px;
      color: #555;
      letter-spacing: 0;
      line-height: 20px;
      text-align: center;
      margin: 0 auto;
      margin-top: 24px;
  }
  .all .btn[data-v-7a3abac5] {
      border: 0 solid #E5E5E5;
      border-radius: 4px;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      line-height: 40px;
      color: #fff;
      text-align: center;
      margin: 0 auto;
      margin-top: 60px;
      width: 60%;
      height: 40px;
  }
  
  .activity-list .activity-item .card-icon.time-card[data-v-a3e2ca20],
  .activity-list .activity-item .card-icon.value-card[data-v-a3e2ca20],
  .activity-list .activity-item .card-icon.discount-card[data-v-a3e2ca20] {
    background: url(//b.yzcdn.cn/beauty/wap/f99ea0ed22794e3fe5b15633cb8c2dcb.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .activity-list[data-v-a3e2ca20] {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .activity-list .activity-item[data-v-a3e2ca20] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 160px;
    padding: 16px 15px;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10px;
  }
  .activity-list .activity-item .card-icon[data-v-a3e2ca20] {
    width: 128px;
    height: 100px;
    margin-right: 15px;
  }
  .activity-list .activity-item .card-icon.time-card[data-v-a3e2ca20] {
    background-position: 0 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  .activity-list .activity-item .card-icon.value-card[data-v-a3e2ca20] {
    background-position: -138px 0;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  .activity-list .activity-item .card-icon.discount-card[data-v-a3e2ca20] {
    background-position: 0 -138px;
    background-color: #fff;
    background-repeat: no-repeat;
  }
  .activity-list .activity-item .card-content[data-v-a3e2ca20] {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: -2px;
    max-width: calc( 100% - 143px);
  }
  .activity-list .activity-item p[data-v-a3e2ca20] {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .activity-list .activity-item p.name[data-v-a3e2ca20] {
    color: #222;
    margin-bottom: 8px;
    line-height: 19px;
    word-break: break-word;
  }
  .activity-list .activity-item p span[data-v-a3e2ca20] {
    display: inline-block;
    vertical-align: middle;
  }
  .activity-list .activity-item p span.price[data-v-a3e2ca20] {
    font-size: 18px;
  }
  .activity-list .activity-item p span.origin-price[data-v-a3e2ca20] {
    margin-left: 8px;
    color: #CCCCCC;
    font-size: 12px;
    text-decoration: line-through;
  }
  .activity-list .activity-item .actions span[data-v-a3e2ca20] {
    display: inline-block;
    line-height: 19px;
    height: 19px;
    padding: 0 5px;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer;
  }
  .activity-list .activity-item .actions span.groupon[data-v-a3e2ca20] {
    box-sizing: border-box;
  }
  .activity-list .activity-item .actions span.groupon[data-v-a3e2ca20]::before {
    border-right: none;
  }
  .activity-list .activity-item .actions span.go img[data-v-a3e2ca20] {
    width: 5px;
    margin-bottom: 0.5px;
  }
  .activity-list .no-more-text[data-v-a3e2ca20] {
    font-size: 12px;
    color: #ccc;
    padding: 20px 0;
    text-align: center;
  }
  .empty[data-v-a3e2ca20] {
    height: 85px;
    line-height: 85px;
    font-size: 14px;
    color: #666;
    text-align: center;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .activity-list .activity-item .card-icon.time-card[data-v-a3e2ca20],
    .activity-list .activity-item .card-icon.value-card[data-v-a3e2ca20],
    .activity-list .activity-item .card-icon.discount-card[data-v-a3e2ca20] {
      background-image: url(//b.yzcdn.cn/beauty/wap/9aca517932e1b61e46a5a9f486fe8e61.png);
      background-size: 272px 226px;
  }
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  .base[data-v-f74c3c1a] {
    background-color: #f4f4f4;
    height: 100%;
  }
  
  /*瓒呮椂鎻愮ず妗�*/
  .timeout[data-v-f74c3c1a] {
    width: 100%;
    height: 32px;
    background-color: #FFF8CC;
    line-height: 32px;
    text-align: center;
    color: #E18E22;
    position: fixed;
    z-index: 99;
  }
  
  /*娆″崱灞�*/
  .card[data-v-f74c3c1a] {
    width: 100%;
    height: 190px;
    background-color: #fff;
    overflow: hidden;
  }
  .card .card-middle[data-v-f74c3c1a] {
    margin: 21px 13px 20px 13px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .card .card-middle .card-left[data-v-f74c3c1a] {
    width: 128px;
    height: 100px;
    margin-top: 15px;
  }
  .card .card-middle .card-right[data-v-f74c3c1a] {
    height: 149px;
    width: 190px;
  }
  .card .card-middle .card-right .card-right-top[data-v-f74c3c1a] {
    height: 77px;
    position: relative;
  }
  .card .card-middle .card-right .card-right-top .text[data-v-f74c3c1a] {
    height: 100%;
    position: relative;
  }
  .card .card-middle .card-right .card-right-top .text .text1[data-v-f74c3c1a] {
    padding-top: 18px;
    line-height: 17px;
  }
  .card .card-middle .card-right .card-right-top .text .text2[data-v-f74c3c1a] {
    margin-top: 11px;
    line-height: 12px;
  }
  .card .card-middle .card-right .card-right-top .text .back-toward[data-v-f74c3c1a] {
    background-image: url();
    background-size: 6px 10px;
    background-repeat: no-repeat;
    position: absolute;
    top: 36px;
    left: 160px;
    width: 15px;
    height: 20px;
  }
  .card .card-middle .card-right .card-right-bottom[data-v-f74c3c1a] {
    width: 100%;
    height: 67px;
  }
  .card .card-middle .card-right .card-right-bottom .teamPrice[data-v-f74c3c1a] {
    width: 100%;
    height: 26px;
  }
  .card .card-middle .card-right .card-right-bottom .teamPrice .teamSize[data-v-f74c3c1a] {
    width: 65px;
    height: 26px;
    line-height: 26px;
    text-indent: 6px;
    background-image: url(//b.yzcdn.cn/beauty/wap/b1ddb8b8d13b2b05eb3ea516d93dccd1.png);
    background-size: 100% 100%;
  }
  .card .card-middle .card-right .card-right-bottom .teamPrice .price[data-v-f74c3c1a] {
    width: 60px;
    height: 26px;
    line-height: 26px;
    margin-left: 8px;
    -webkit-transform: scale(1);
  }
  .card .card-middle .card-right .card-right-bottom .singlePrice[data-v-f74c3c1a] {
    height: 17px;
    margin-top: 11px;
    position: relative;
    color: #ccc;
  }
  .card .card-middle .card-right .card-right-bottom .singlePrice .underline[data-v-f74c3c1a] {
    text-decoration: line-through;
    -webkit-text-decoration-color: #ccc;
            text-decoration-color: #ccc;
  }
  
  /*play*/
  .play[data-v-f74c3c1a] {
    width: 100%;
    height: 210px;
    margin-top: 10px;
  }
  
  /*鎷煎洟鎯呭喌*/
  .team[data-v-f74c3c1a] {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
  }
  
  /*闅旂灞�*/
  .isolation[data-v-f74c3c1a] {
    width: 100%;
    height: 68px;
    background-color: #f4f4f4;
  }
  
  /*鎸夐挳*/
  .buttons[data-v-f74c3c1a] {
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    z-index: 99;
  }
  
  /*鍏敤鏍峰紡*/
  .setLeft[data-v-f74c3c1a] {
    float: left;
  }
  .setRight[data-v-f74c3c1a] {
    float: right;
  }
  .setBlock[data-v-f74c3c1a] {
    display: block;
  }
  .setInlineBlock[data-v-f74c3c1a] {
    display: inline-block;
  }
  .ft-family[data-v-f74c3c1a] {
    font-family: PingFangSC-Regular;
  }
  .setZero[data-v-f74c3c1a] {
    margin: 0;
    padding: 0;
  }
  
  /*鏍囩閫夋嫨鍣�*/
  a[data-v-f74c3c1a] {
    display: inline-block;
  }
  img[data-v-f74c3c1a] {
    width: 100%;
    height: 100%;
  }
  
  /*閫傞厤iphone5*/
  @media screen and (max-width: 350px) {
  .card .card-middle .card-left[data-v-f74c3c1a] {
      width: 120px;
  }
  .card .card-middle .card-right[data-v-f74c3c1a] {
      width: 160px;
  }
  .card .card-middle .card-right .card-right-top .text .back-toward[data-v-f74c3c1a] {
      left: 148px;
  }
  }
  .poster[data-v-5e71ae4a] {
    padding: 45px 29px;
    background: #fff;
  }
  .poster .user-info[data-v-5e71ae4a] {
      position: relative;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 12px;
      color: #666;
  }
  .poster .user-info .avatar[data-v-5e71ae4a] {
        width: 29px;
        height: 29px;
        border-radius: 50%;
        margin-right: 8px;
  }
  .poster .user-info .info-item[data-v-5e71ae4a] {
        margin-right: 8px;
  }
  .poster .user-info .info-item.desc[data-v-5e71ae4a] {
          position: relative;
          margin-left: 8px;
  }
  .poster .user-info .info-item.desc[data-v-5e71ae4a]::before {
            position: absolute;
            content: '';
            width: 1px;
            height: 12px;
            left: -8px;
            background: #d8d8d8;
  }
  .poster .user-info p[data-v-5e71ae4a] {
        line-height: 15px;
  }
  .poster .user-info .name[data-v-5e71ae4a] {
        font-weight: bold;
        color: #333;
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
  }
  .poster .user-info .people-left[data-v-5e71ae4a] {
        position: absolute;
        top: 0;
        right: 0;
  }
  .poster .user-info .people-left .left-bg[data-v-5e71ae4a] {
          position: absolute;
          width: 88px;
          height: 33px;
  }
  .poster .user-info .people-left .left-tag[data-v-5e71ae4a] {
          position: relative;
          display: inline-block;
          width: 88px;
          height: 33px;
          vertical-align: middle;
          line-height: 30px;
          text-align: center;
          color: #fff;
          font-weight: bold;
          font-size: 12px;
  }
  .poster .card[data-v-5e71ae4a] {
      position: relative;
      width: 310px;
      margin: 0 4px;
  }
  .poster .card[data-v-5e71ae4a]::before {
        position: absolute;
        top: -15px;
        left: -15px;
        z-index: 11;
        content: url("https://mei.youzan.com/api/node/common/img/proxy?url=https%3A%2F%2Fimg.yzcdn.cn%2Fpublic_files%2F2018%2F12%2F18%2Fbfe13097d91baff2a9f8b094dbf7461c.png");
  }
  .poster .card[data-v-5e71ae4a]::after {
        position: absolute;
        bottom: -15px;
        right: -15px;
        z-index: 11;
        content: url("https://mei.youzan.com/api/node/common/img/proxy?url=https%3A%2F%2Fimg.yzcdn.cn%2Fpublic_files%2F2018%2F12%2F18%2F008b92a9e5d9bf7ae1ec699ef7f037a0.png");
  }
  .poster .goods-info[data-v-5e71ae4a] {
      margin-top: 16px;
      padding: 0 16px;
  }
  .poster .goods-info .title[data-v-5e71ae4a] {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        line-height: 21px;
  }
  .poster .goods-info .price-wrap[data-v-5e71ae4a] {
        margin-top: 13px;
        font-size: 14px;
        color: #ccc;
  }
  .poster .goods-info .price-wrap .tag[data-v-5e71ae4a] {
          display: inline-block;
          background-size: cover;
          width: 47px;
          height: 20px;
          vertical-align: middle;
          line-height: 20px;
          margin-top: -2px;
          margin-right: 8px;
          text-align: center;
          font-weight: bold;
          font-size: 12px;
  }
  .poster .goods-info .price-wrap .price[data-v-5e71ae4a] {
          display: inline-block;
          font-weight: bold;
          font-size: 16px;
          margin-right: 8px;
          vertical-align: middle;
  }
  .poster .goods-info .price-wrap .origin-price[data-v-5e71ae4a] {
          text-decoration: line-through;
          vertical-align: middle;
  }
  .poster .qr-wrap[data-v-5e71ae4a] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 58px;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 12px;
      color: #666;
  }
  .poster .qr-wrap .qr[data-v-5e71ae4a] {
        width: 84px;
        height: 84px;
        margin-bottom: 12px;
  }
  .poster .qr-wrap .desc[data-v-5e71ae4a] {
        line-height: 17px;
  }
  
  .method-wrap .schedule .start,
  .method-wrap .schedule .wait,
  .method-wrap .schedule .success {
    background: url(//b.yzcdn.cn/beauty/wap/96c96d4c2c3035d5ff103f2755ad2281.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /*鐜╂硶*/
  .method-wrap {
    background: #fff;
    margin-bottom: 10px;
    /*杩涘害*/
    /*introduce*/
    /*鏍囩閫夋嫨鍣�*/
    /*鍏敤*/
  }
  .method-wrap .title-wrap {
    line-height: 60px;
  }
  .method-wrap .method {
    height: 60px;
  }
  .method-wrap .method .p1 {
    height: 60px;
    line-height: 60px;
    font-family: PingFangSC-Regular;
  }
  .method-wrap .method .p1::before {
    content: url();
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub;
  }
  .method-wrap .method .p1::after {
    content: url();
    margin-left: 5px;
    display: inline-block;
    vertical-align: sub;
  }
  .method-wrap .schedule {
    height: 100px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .method-wrap .schedule .start {
    background-position: 0 0;
  }
  .method-wrap .schedule .wait {
    background-position: -116px 0;
  }
  .method-wrap .schedule .success {
    background-position: 0 -88px;
  }
  .method-wrap .introduce {
    height: 50px;
    border-top: 0.5px rgba(225, 225, 225, 0.5) solid;
  }
  .method-wrap .introduce .introduce-detail {
    height: 50px;
    line-height: 50px;
    font-family: PingFangSC-Regular;
  }
  .method-wrap a {
    display: block;
  }
  .method-wrap .common-middle {
    width: 100%;
    text-align: center;
  }
  .method-wrap .common-size {
    width: 106px;
    height: 78px;
    display: inline-block;
    background-size: 100% 100%;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .method-wrap .schedule .start,
    .method-wrap .schedule .wait,
    .method-wrap .schedule .success {
      background-image: url(//b.yzcdn.cn/beauty/wap/a574aab79e87d79616c053ad40752d88.png);
      background-size: 222px 166px;
  }
  }
  @charset "UTF-8";
  /*鎷煎洟鐘舵€佹姮澶�*/
  .title[data-v-39b4cdd7] {
    width: 100%;
    padding-top: 30px;
    text-align: center;
    font-size: 20px;
    font-family: PingFangSC-Regular;
  }
  
  /*鍓╀綑鏃堕棿*/
  .time[data-v-39b4cdd7] {
    width: 100%;
    height: 24px;
    text-align: center;
    line-height: 21px;
    margin-top: 15px;
  }
  
  /*鎻愮ず*/
  .tips[data-v-39b4cdd7] {
    width: 100%;
    height: 41px;
    line-height: 37px;
    text-align: center;
    font-family: PingFangSC-Regular;
  }
  .tips .pink[data-v-39b4cdd7] {
      color: #E94D75;
  }
  
  /*鍏叡鏍峰紡*/
  .common-box[data-v-39b4cdd7] {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: top;
    border-radius: 2px;
    background-color: #000;
  }
  
  /*棰滆壊*/
  .c-13[data-v-39b4cdd7] {
    color: #00b167;
  }
  
  .listSize[data-v-e9627ef2] {
    width: 100%;
    overflow: hidden;
  }
  .listSize .ulSize[data-v-e9627ef2] {
      margin: 17px 15px 0 15px;
      overflow: hidden;
  }
  .watchAll[data-v-e9627ef2] {
    width: 100%;
    height: 50px;
  }
  .watchAll .all-text[data-v-e9627ef2] {
      width: 100%;
      height: 50px;
      line-height: 50px;
      text-align: center;
      color: #989898;
      border: 0.5px #e5e5e5 solid;
  }
  
  @charset "UTF-8";
  .item[data-v-7a238710] {
    width: 100%;
    height: 69px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-top: 0.5px #e5e5e5 solid;
  }
  .item .item-left[data-v-7a238710] {
      width: 180px;
      height: 69px;
  }
  .item .item-left .item-img[data-v-7a238710] {
        display: inline-block;
        width: 40px;
        height: 69px;
        line-height: 69px;
        position: relative;
  }
  .item .item-left .item-img .item-img-size[data-v-7a238710] {
          width: 40px;
          height: 40px;
          position: absolute;
          top: 50%;
          margin-top: -20px;
  }
  .item .item-left .item-text[data-v-7a238710] {
        display: inline-block;
        max-width: 120px;
        height: 69px;
        margin-left: 10px;
        vertical-align: top;
  }
  .item .item-left .item-text .item-text-size[data-v-7a238710] {
          width: 100%;
          height: 40px;
          margin-top: 17px;
  }
  .item .item-left .item-text .item-text-size .user-name[data-v-7a238710] {
            display: block;
  }
  .item .item-left .item-text .item-text-size .item-text-length[data-v-7a238710] {
            overflow: hidden;
            width: 100%;
            height: 17px;
            display: inline-block;
  }
  .item .item-left .item-text .item-text-size .tl[data-v-7a238710] {
            display: block;
            font-size: 9px;
            width: 25px;
            height: 10px;
            margin: 5px 0 0 2px;
            text-align: center;
            line-height: 10px;
  }
  .item .item-right[data-v-7a238710] {
      width: 120px;
      height: 69px;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .item .item-right .date[data-v-7a238710] {
        width: 120px;
        height: 15px;
        color: #989898;
  }
  
  /*鏍囩閫夋嫨鍣�*/
  img[data-v-7a238710] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0.5px rgba(229, 229, 229, 0.8) solid;
  }
  .unknow-name[data-v-7a238710] {
    display: block;
  }
  .unknow[data-v-7a238710] {
    margin-top: 5px;
    display: block;
    color: #888;
  }
  .setMiddle[data-v-7a238710] {
    margin-top: 11px;
  }
  
  .item[data-v-f0561500] {
    width: 100%;
    font-size: 16px;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .confirm[data-v-2c21798f] {
    margin: 23px auto 40px;
  }
  .confirm p[data-v-2c21798f] {
      text-align: center;
      font-size: 15px;
      color: #222222;
      margin-bottom: 5px;
  }
  
  .list[data-v-61769125] {
    margin-top: -1px;
  }
  .list .listSize[data-v-61769125] {
      width: 100%;
      overflow: hidden;
      border-bottom: 1px #E5E5E5 solid;
  }
  .list .listSize .ulSize[data-v-61769125] {
        margin: 0 auto;
        overflow: hidden;
        width: 345px;
  }
  .tip[data-v-61769125] {
    width: 100%;
    height: 20px;
    margin-top: 48px;
    margin-bottom: 16px;
    text-align: center;
    color: #BFBFC3;
  }
  
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  .contain[data-v-3ff0200a] {
    width: 100%;
    height: 100%;
    /*鑳屾櫙鍥剧墖*/
    /*瑙勫垯*/
    /*搴曢儴*/
  }
  .contain .common-size[data-v-3ff0200a] {
    height: 159px;
    width: 100%;
  }
  .contain .m1[data-v-3ff0200a] {
    width: 100%;
    height: 100%;
  }
  .contain .rules[data-v-3ff0200a] {
    margin-top: 10px;
  }
  .contain .rules .title[data-v-3ff0200a] {
    height: 60px;
    line-height: 60px;
  }
  .contain .rules .title p[data-v-3ff0200a] {
    height: 60px;
    line-height: 60px;
    text-align: center;
  }
  .contain .rules .title p[data-v-3ff0200a]:before {
    content: url();
    margin-right: 5px;
    display: inline-block;
    vertical-align: sub;
  }
  .contain .rules .title p[data-v-3ff0200a]:after {
    content: url();
    margin-left: 5px;
    display: inline-block;
    vertical-align: sub;
  }
  .contain .rules .i1[data-v-3ff0200a] {
    width: 100%;
    height: 88px;
    overflow: hidden;
  }
  .contain .rules .i1 .l1[data-v-3ff0200a] {
    height: 100%;
    overflow: hidden;
  }
  .contain .rules .i1 .l1 .d1[data-v-3ff0200a] {
    margin-top: 17px;
    height: 71px;
  }
  .contain .rules .i1 .l1 .d1 .p1[data-v-3ff0200a] {
    padding-top: 9px;
  }
  .contain .rules .i2[data-v-3ff0200a] {
    width: 100%;
    height: 102px;
    overflow: hidden;
  }
  .contain .rules .i2 .l2[data-v-3ff0200a] {
    height: 100%;
    overflow: hidden;
    border-top: 0.5px #e5e5e5 solid;
  }
  .contain .rules .i2 .l2 .d2[data-v-3ff0200a] {
    margin-top: 17px;
    height: 85px;
  }
  .contain .rules .i2 .l2 .d2 .p2[data-v-3ff0200a] {
    padding-top: 7px;
  }
  .contain .rules .i3[data-v-3ff0200a] {
    width: 100%;
    height: 88px;
    overflow: hidden;
  }
  .contain .rules .i3 .l3[data-v-3ff0200a] {
    height: 100%;
    overflow: hidden;
    border-top: 0.5px #e5e5e5 solid;
  }
  .contain .rules .i3 .l3 .d3[data-v-3ff0200a] {
    margin-top: 17px;
    height: 71px;
  }
  .contain .rules .i3 .l3 .d3 .p3[data-v-3ff0200a] {
    padding-top: 9px;
  }
  .contain .rules .i4[data-v-3ff0200a] {
    width: 100%;
    height: 88px;
    overflow: hidden;
  }
  .contain .rules .i4 .l4[data-v-3ff0200a] {
    height: 100%;
    overflow: hidden;
    border-top: 0.5px #e5e5e5 solid;
  }
  .contain .rules .i4 .l4 .d4[data-v-3ff0200a] {
    margin-top: 17px;
    height: 71px;
  }
  .contain .rules .i4 .l4 .d4 .p4[data-v-3ff0200a] {
    padding-top: 9px;
  }
  .contain .rules .i5[data-v-3ff0200a] {
    width: 100%;
    height: 90px;
    overflow: hidden;
  }
  .contain .rules .i5 .l5[data-v-3ff0200a] {
    height: 100%;
    overflow: hidden;
    border-top: 0.5px #e5e5e5 solid;
  }
  .contain .rules .i5 .l5 .d5[data-v-3ff0200a] {
    margin-top: 17px;
    height: 73px;
  }
  .contain .rules .i5 .l5 .d5 .p5[data-v-3ff0200a] {
    padding-top: 9px;
  }
  .contain .rules .i6[data-v-3ff0200a] {
    width: 100%;
    height: 112px;
    overflow: hidden;
  }
  .contain .rules .i6 .l6[data-v-3ff0200a] {
    height: 100%;
    overflow: hidden;
    border-top: 0.5px #e5e5e5 solid;
  }
  .contain .rules .i6 .l6 .d6[data-v-3ff0200a] {
    margin-top: 17px;
    height: 95px;
  }
  .contain .rules .i6 .l6 .d6 .p6[data-v-3ff0200a] {
    padding-top: 9px;
  }
  .contain .footer[data-v-3ff0200a] {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #ccc;
  }
  
  /*鑳屾櫙棰滆壊*/
  .bd[data-v-3ff0200a] {
    background-color: #fff;
  }
  
  /*瀛椾綋棰滆壊*/
  .c-1[data-v-3ff0200a] {
    color: #222;
  }
  .c-2[data-v-3ff0200a] {
    color: #888;
  }
  
  /*瀛椾綋*/
  .ft-family[data-v-3ff0200a] {
    font-family: PingFangSC-Regular;
  }
  .ft-15[data-v-3ff0200a] {
    font-size: 15px;
  }
  .ft-12[data-v-3ff0200a] {
    font-size: 12px;
  }
  
  /*杈硅窛*/
  .common-padding[data-v-3ff0200a] {
    margin: 0 18px 0 15px;
  }
  
  /*琛岃窛*/
  .lh[data-v-3ff0200a] {
    line-height: 15px;
  }
  
  /*閫傞厤鍒嗚鲸鐜囧搴﹀ぇ浜�400px*/
  @media screen and (min-width: 400px) {
  .contain .common-size[data-v-3ff0200a] {
      height: 170px;
  }
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  
  /*澶嶇敤鍧楃孩鍖呭浘redbag*/
  
  /*澶嶇敤鍧楁寜閽産tn缁勪欢*/
  
  /*涓庣埗鍏冪礌鍚屽ぇ灏弐edbag缁勪欢*/
  .commonSize[data-v-72eea96e] {
    width: 100%;
    height: 100%;
  }
  
  /*姘村钩灞呬腑redbag缁勪欢*/
  .commonMiddle[data-v-72eea96e] {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  
  /*introduce缁勪欢鐩寸嚎*/
  .line[data-v-72eea96e] {
    width: 90px;
    border-top: 0.5px #E5E5E5 solid;
    padding-top: 5px;
    display: inline-block;
  }
  
  /*VoucherDetail缁勪欢璁剧疆size*/
  
  /**
   * 棰滆壊鐩稿叧
   */
  .base-style[data-v-72eea96e] {
    background-color: whitesmoke;
  }
  
  /*鐜伴噾鍒镐俊鎭�*/
  .voucher-msg[data-v-72eea96e] {
    width: 100%;
    height: 385px;
  }
  .voucher-msg .bgImage[data-v-72eea96e] {
    width: 100%;
    height: 350px;
    background-image: url(//b.yzcdn.cn/beauty/wap/1656bff237fab9e6f55d60f08de7ce37.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-size: 375px 198px;
    background-position: bottom;
  }
  .voucher-msg .bgImage .redbag[data-v-72eea96e] {
    height: 100%;
    padding-top: 40px;
    margin: 0 70px;
    box-sizing: border-box;
  }
  .voucher-msg .boxShadow[data-v-72eea96e] {
    width: 100%;
    height: 35px;
  }
  .voucher-msg .boxShadow .shadow-img[data-v-72eea96e] {
    width: 180px;
    height: 25px;
    margin: 10px auto 0 auto;
    background-image: url(//b.yzcdn.cn/beauty/wap/338e515438bbc05ea080f44d80b965aa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  
  /*鎸夐挳*/
  .voucher-btn[data-v-72eea96e] {
    width: 100%;
  }
  
  /*浠嬬粛淇℃伅*/
  .voucher-introduce-userlist[data-v-72eea96e] {
    padding-bottom: 10px;
    width: 100%;
  }
  .voucher-introduce-userlist .introduce[data-v-72eea96e] {
    margin-top: 38px;
    padding: 0 40px;
  }
  .voucher-introduce-userlist .userlist[data-v-72eea96e] {
    margin: 25px 10px 0 10px;
    background-color: #FFF;
    box-shadow: 2px 2px 9px #e9e9e9;
  }
  .voucher-introduce-userlist .userlist .userList-content[data-v-72eea96e] {
    padding: 10px;
  }
  .voucher-introduce-userlist .userlist .userList-content .userList-content-title[data-v-72eea96e] {
    color: #99838b;
    font-size: 12px;
  }
  .voucher-introduce-userlist .userlist .userList-content .userList-content-list[data-v-72eea96e] {
    margin-top: 10px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  
  /*澶嶇敤鍧楃孩鍖呭浘redbag*/
  
  /*澶嶇敤鍧楁寜閽産tn缁勪欢*/
  
  /*涓庣埗鍏冪礌鍚屽ぇ灏弐edbag缁勪欢*/
  .commonSize[data-v-97e4d3c4],
  .size[data-v-97e4d3c4],
  .default-type[data-v-97e4d3c4],
  .default-type .default-img img[data-v-97e4d3c4],
  .success-type[data-v-97e4d3c4],
  .fission-type[data-v-97e4d3c4],
  .fail-type[data-v-97e4d3c4],
  .fail-type .fail-img img[data-v-97e4d3c4] {
    width: 100%;
    height: 100%;
  }
  
  /*姘村钩灞呬腑redbag缁勪欢*/
  .commonMiddle[data-v-97e4d3c4],
  .default-type .default-p1[data-v-97e4d3c4],
  .default-type .default-p2[data-v-97e4d3c4],
  .default-type .default-img[data-v-97e4d3c4],
  .default-type .default-p3[data-v-97e4d3c4],
  .success-type .success-p1[data-v-97e4d3c4],
  .fission-type .fission-p1[data-v-97e4d3c4],
  .fission-type .fission-img[data-v-97e4d3c4],
  .fail-type .fail-p1[data-v-97e4d3c4],
  .fail-type .fail-p2[data-v-97e4d3c4],
  .fail-type .fail-img[data-v-97e4d3c4],
  .fail-type .fail-p3[data-v-97e4d3c4] {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  
  /*introduce缁勪欢鐩寸嚎*/
  .line[data-v-97e4d3c4] {
    width: 90px;
    border-top: 0.5px #E5E5E5 solid;
    padding-top: 5px;
    display: inline-block;
  }
  
  /*VoucherDetail缁勪欢璁剧疆size*/
  
  /**
   * 棰滆壊鐩稿叧
   */
  
  /*鑳屾櫙棰滆壊*/
  .size[data-v-97e4d3c4] {
    background-color: #f6f6f6;
  }
  
  /*榛樿杩涙潵鏍峰紡*/
  .default-type[data-v-97e4d3c4] {
    background-image: url(//b.yzcdn.cn/beauty/wap/670f8265d7d976b446ffd2640281e83a.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
  }
  .default-type .default-p1[data-v-97e4d3c4] {
    position: absolute;
    top: 50px;
    color: #FFF;
    font-size: 30px;
    letter-spacing: 3px;
    white-space: nowrap;
  }
  .default-type .default-p1 sup[data-v-97e4d3c4] {
    font-size: 12px;
  }
  .default-type .default-p2[data-v-97e4d3c4] {
    position: absolute;
    top: 90px;
    color: #FFF;
    font-size: 14px;
  }
  .default-type .default-img[data-v-97e4d3c4] {
    width: 53px;
    height: 53px;
    position: absolute;
    top: 160px;
    border-radius: 50%;
    border: 1px #FFF solid;
  }
  .default-type .default-img img[data-v-97e4d3c4] {
    border-radius: 50%;
  }
  .default-type .default-p3[data-v-97e4d3c4] {
    position: absolute;
    bottom: 54px;
    color: #FFF;
    opacity: 0.7;
    text-align: center;
    width: 100%;
  }
  
  /*棰嗗彇鎴愬姛鏍峰紡*/
  .success-type[data-v-97e4d3c4] {
    background-image: url(//b.yzcdn.cn/beauty/wap/3816327841aee68f8243a173df40ef74.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
  }
  .success-type .success-p1[data-v-97e4d3c4] {
    width: 100%;
    position: absolute;
    top: 85px;
    color: #9b6d1c;
    font-size: 16px;
    text-align: center;
  }
  .success-type .success-price[data-v-97e4d3c4] {
    width: 100%;
    height: 60px;
    position: absolute;
    top: 160px;
  }
  .success-type .success-price .success-price-content[data-v-97e4d3c4] {
    height: 100%;
    margin: 0 10px;
    background-image: url(//b.yzcdn.cn/beauty/wap/2eaeaddc569b80cc4dd743aa86e2d604.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .success-type .success-price .success-price-content .price-left[data-v-97e4d3c4] {
    display: inline-block;
    margin-left: 15px;
    line-height: 50px;
    font-size: 24px;
    letter-spacing: 1px;
    color: #f54f69;
  }
  .success-type .success-price .success-price-content .price-left sup[data-v-97e4d3c4] {
    font-size: 10px;
  }
  .success-type .success-price .success-price-content .price-right[data-v-97e4d3c4] {
    display: inline-block;
  }
  .success-type .success-price .success-price-content .price-right .rightContent[data-v-97e4d3c4] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    margin-right: 3px;
  }
  .success-type .success-price .success-price-content .price-right .rightContent .usage[data-v-97e4d3c4] {
    margin-top: 10px;
    font-size: 12px;
    color: #3c2d2f;
  }
  .success-type .success-price .success-price-content .price-right .rightContent .limit[data-v-97e4d3c4] {
    margin-top: 4px;
    font-size: 10px;
    color: #3c2d2f;
  }
  .success-type .success-price .success-price-content .price-right .rightContent .expire[data-v-97e4d3c4] {
    margin-top: 4px;
    color: #ab9497;
    font-size: 9px;
  }
  .success-type .success-price .success-price-content .price-right .back[data-v-97e4d3c4] {
    display: inline-block;
    width: 11px;
    height: 60px;
    margin-right: 8px;
    position: relative;
  }
  .success-type .success-price .success-price-content .price-right .back img[data-v-97e4d3c4] {
    width: 8px;
    height: 11px;
    position: absolute;
    top: 50%;
    margin-top: -5px;
  }
  .success-type .success-p2[data-v-97e4d3c4] {
    width: 100%;
    position: absolute;
    bottom: 50px;
    text-align: center;
    font-size: 13px;
    color: #FFF;
  }
  
  /*琚姠鍏夋牱寮�*/
  .fission-type[data-v-97e4d3c4] {
    background-image: url(//b.yzcdn.cn/beauty/wap/3816327841aee68f8243a173df40ef74.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
  }
  .fission-type .fission-p1[data-v-97e4d3c4] {
    width: 100%;
    position: absolute;
    top: 85px;
    color: #917117;
    font-size: 17px;
    text-align: center;
  }
  .fission-type .fission-img[data-v-97e4d3c4] {
    background-image: url(//b.yzcdn.cn/beauty/wap/6493bac9038654bf7b4c3d458584c48f.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 90px;
    height: 90px;
    position: absolute;
    bottom: 60px;
  }
  
  /*棰嗗彇澶辫触鏍峰紡*/
  .fail-type[data-v-97e4d3c4] {
    background-image: url(//b.yzcdn.cn/beauty/wap/670f8265d7d976b446ffd2640281e83a.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
  }
  .fail-type .fail-p1[data-v-97e4d3c4] {
    position: absolute;
    top: 50px;
    color: #FFF;
    font-size: 30px;
    letter-spacing: 3px;
  }
  .fail-type .fail-p2[data-v-97e4d3c4] {
    position: absolute;
    top: 98px;
    color: #FFF;
    font-size: 14px;
    width: 100%;
    text-align: center;
  }
  .fail-type .fail-img[data-v-97e4d3c4] {
    width: 53px;
    height: 53px;
    position: absolute;
    top: 160px;
    border-radius: 50%;
    border: 1px #FFF solid;
  }
  .fail-type .fail-img img[data-v-97e4d3c4] {
    border-radius: 50%;
  }
  .fail-type .fail-p3[data-v-97e4d3c4] {
    position: absolute;
    bottom: 54px;
    color: #FFF;
  }
  
  /*閫傞厤iphone5*/
  @media screen and (max-width: 350px) {
  .success-type .success-price .success-price-content .price-left[data-v-97e4d3c4] {
      margin-left: 3px;
      font-size: 18px;
  }
  .success-type .success-price .success-price-content .price-right .rightContent[data-v-97e4d3c4] {
      width: 80px;
      margin-right: 0;
  }
  .success-type .success-price .success-price-content .price-right .rightContent .usage[data-v-97e4d3c4] {
      margin-top: 10px;
  }
  .success-type .success-price .success-price-content .price-right .rightContent .expire[data-v-97e4d3c4] {
      margin-top: 5px;
      line-height: 15px;
  }
  .success-type .success-price .success-price-content .price-right .back[data-v-97e4d3c4] {
      margin-right: 4px;
  }
  .success-type .success-p2[data-v-97e4d3c4] {
      font-size: 12px;
  }
  }
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /*澶嶇敤鍧楃孩鍖呭浘redbag*/
  /*澶嶇敤鍧楁寜閽産tn缁勪欢*/
  /*涓庣埗鍏冪礌鍚屽ぇ灏弐edbag缁勪欢*/
  .commonSize[data-v-1c2b8320] {
    width: 100%;
    height: 100%;
  }
  
  /*姘村钩灞呬腑redbag缁勪欢*/
  .commonMiddle[data-v-1c2b8320] {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  
  /*introduce缁勪欢鐩寸嚎*/
  .line[data-v-1c2b8320] {
    width: 90px;
    border-top: 0.5px #E5E5E5 solid;
    padding-top: 5px;
    display: inline-block;
  }
  
  /*VoucherDetail缁勪欢璁剧疆size*/
  .obtain[data-v-1c2b8320] {
    margin: 0 auto;
    height: 44px;
    border-radius: 50px;
    background-color: #ff940f;
    box-shadow: 2px 6px 8px #f6d6b2;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    color: #FFF;
    margin-top: 20px;
    width: 203px;
  }
  .watch[data-v-1c2b8320] {
    margin: 0 auto;
    height: 44px;
    border-radius: 50px;
    background-color: #ec3e63;
    box-shadow: 2px 6px 8px #f5dbe0;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    color: #FFF;
    margin-top: 20px;
    width: 203px;
  }
  .share[data-v-1c2b8320] {
    margin: 0 auto;
    height: 44px;
    border-radius: 50px;
    background-color: #ff940f;
    box-shadow: 2px 6px 8px #f9d7b0;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    color: #FFF;
    margin-top: 20px;
    width: 203px;
  }
  @media screen and (max-width: 350px) {
  .obtain[data-v-1c2b8320], .watch[data-v-1c2b8320], .share[data-v-1c2b8320] {
      width: 180px;
  }
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  /*澶嶇敤鍧楃孩鍖呭浘redbag*/
  /*澶嶇敤鍧楁寜閽産tn缁勪欢*/
  /*涓庣埗鍏冪礌鍚屽ぇ灏弐edbag缁勪欢*/
  .commonSize[data-v-6087c97a] {
    width: 100%;
    height: 100%;
  }
  
  /*姘村钩灞呬腑redbag缁勪欢*/
  .commonMiddle[data-v-6087c97a] {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  
  /*introduce缁勪欢鐩寸嚎*/
  .line[data-v-6087c97a], .introduce-title .line1[data-v-6087c97a], .introduce-title .line2[data-v-6087c97a] {
    width: 90px;
    border-top: 0.5px #E5E5E5 solid;
    padding-top: 5px;
    display: inline-block;
  }
  
  /*VoucherDetail缁勪欢璁剧疆size*/
  .introduce-title[data-v-6087c97a] {
    font-size: 15px;
    text-align: center;
    color: #a18088;
  }
  .introduce-title .line1[data-v-6087c97a] {
      margin-right: 10px;
  }
  .introduce-title .line2[data-v-6087c97a] {
      margin-left: 10px;
  }
  .introduce-detail[data-v-6087c97a] {
    margin-top: 20px;
    color: #a18088;
  }
  .introduce-detail p[data-v-6087c97a] {
      line-height: 17px;
  }
  .introduce-detail p[data-v-6087c97a]:not(:first-child) {
        margin-top: 5px;
  }
  @media screen and (max-width: 350px) {
  .introduce-title .line1[data-v-6087c97a], .introduce-title .line2[data-v-6087c97a] {
      width: 60px;
  }
  }
  
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  .list[data-v-850309d4] {
    width: 100%;
    height: 55px;
    padding: 8px 0;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .list .list-left[data-v-850309d4] {
    display: inline-block;
  }
  .list .list-left .list-left-img[data-v-850309d4] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 0.5px #e5e5e5 solid;
    display: inline-block;
  }
  .list .list-left .list-left-img img[data-v-850309d4] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .list .list-left .list-left-msg[data-v-850309d4] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    margin-left: 8px;
  }
  .list .list-left .list-left-msg .p1[data-v-850309d4] {
    font-size: 12px;
    color: #3c2d2f;
    margin-top: 6px;
  }
  .list .list-left .list-left-msg .p2[data-v-850309d4] {
    font-size: 9px;
    color: #99838b;
    margin-top: 7px;
  }
  .list .list-right[data-v-850309d4] {
    height: 100%;
    font-size: 15px;
    line-height: 36px;
  }
  .border-size[data-v-850309d4] {
    border-bottom: 0.5px rgba(245, 79, 105, 0.1) solid;
  }
  
  /*鍘昏竟绾�*/
  .deleteBorder[data-v-850309d4] {
    border-bottom-color: white;
  }
  .loading .mask[data-v-60f549ed] {
    position: fixed;
    z-index: 99999998;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 88px;
    height: 88px;
    background: rgba(17, 12, 17, 0.7);
    border-radius: 5px;
    top: 50%;
    left: 50%;
    margin-top: -44px;
    margin-left: -44px;
  }
  .loading .ico-loading[data-v-60f549ed] {
    position: fixed;
    z-index: 99999999;
    width: 38px;
    height: 38px;
    top: 50%;
    left: 50%;
    margin-left: -19px;
    margin-top: -19px;
    background: transparent url() no-repeat;
    background-size: 100%;
    -webkit-animation: loading 1s steps(12, end) infinite;
            animation: loading 1s steps(12, end) infinite;
  }
  @-webkit-keyframes loading {
  0% {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
              transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
      -webkit-transform: rotate3d(0, 0, 1, 360deg);
              transform: rotate3d(0, 0, 1, 360deg);
  }
  }
  @keyframes loading {
  0% {
      -webkit-transform: rotate3d(0, 0, 1, 0deg);
              transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
      -webkit-transform: rotate3d(0, 0, 1, 360deg);
              transform: rotate3d(0, 0, 1, 360deg);
  }
  }
  
  .get_exchange[data-v-ff15e304] {
    overflow: hidden;
    overflow-y: auto;
    min-height: 100vh;
    background: linear-gradient(#FF4459, #FF60AC);
  }
  .get_exchange .background[data-v-ff15e304] {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: linear-gradient(#FF4459, #FF60AC);
  }
  .get_exchange .coupon-receive[data-v-ff15e304] {
      margin: 15px 40px 0 40px;
  }
  
  .exchange_introduce[data-v-6a5e0120] {
    position: relative;
    margin: 40px 20px 20px 20px;
    color: #FFF;
    border: 1px solid #FFF;
    padding: 30px 15px;
    line-height: 20px;
  }
  .exchange_introduce .title[data-v-6a5e0120] {
      position: absolute;
      line-height: 22px;
      border: 1px solid #FFF;
      border-radius: 11px;
      background-color: RGBA(255, 90, 154, 1);
      top: -12px;
      left: 50%;
      margin-left: -40px;
      text-align: center;
      width: 80px;
  }
  
  .userList[data-v-4ef28d26] {
    background-color: #FFF;
    border-radius: 6px;
    margin: 30px 18px;
    padding: 10px 10px 0;
  }
  .userList section[data-v-4ef28d26] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px 8px;
      border-bottom: 1px dashed #ebebeb;
  }
  .userList section[data-v-4ef28d26]:last-child {
        border-bottom: 0 none;
  }
  .userList section .avator[data-v-4ef28d26] {
        width: 35px;
        height: 35px;
        margin-right: 10px;
  }
  .userList section .grid-member[data-v-4ef28d26] {
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
  }
  .userList section .grid-member p[data-v-4ef28d26] {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
  }
  .userList section .grid-member .name[data-v-4ef28d26] {
          font-size: 12px;
          line-height: 17px;
          color: #484848;
  }
  .userList section .grid-member .time[data-v-4ef28d26] {
          font-size: 12px;
          line-height: 14px;
          color: #9e9e9e;
  }
  .userList section .ctx[data-v-4ef28d26] {
        width: 80px;
        text-align: right;
  }
  
  .coupon_receive .top-bg[data-v-8a252bc8] {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  .coupon_receive .grid-detail[data-v-8a252bc8] {
    position: relative;
    padding-top: 30px;
    padding-bottom: 15px;
    background-color: #FFFFFF;
    background-image: url(https://b.yzcdn.cn/v2/image/beauty/h5/coupon/black-bg.png);
    background-size: 100% 106px;
    background-position: top;
    background-repeat: no-repeat;
  }
  .coupon_receive .grid-detail .logo[data-v-8a252bc8] {
      position: absolute;
      width: 46px;
      height: 46px;
      top: -23px;
      left: 50%;
      margin-left: -23px;
      border-radius: 50%;
  }
  .coupon_receive .grid-detail .gird-bg[data-v-8a252bc8] {
      width: 100%;
  }
  .coupon_receive .grid-detail .shop-name[data-v-8a252bc8] {
      color: #FFF;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
  }
  .coupon_receive .grid-detail .shop-name .line[data-v-8a252bc8] {
        width: 25px;
        border-botton: 1px solid #5D526D;
  }
  .coupon_receive .grid-detail .shop-name .name[data-v-8a252bc8] {
        text-align: center;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
  }
  .coupon_receive .grid-detail .text[data-v-8a252bc8] {
      color: #FFF;
      font-size: 18px;
      margin-top: 14px;
      text-align: center;
  }
  .coupon_receive .grid-detail .box[data-v-8a252bc8] {
      width: 51.72414%;
      display: block;
      margin: 40px auto 0;
  }
  .coupon_receive .grid-detail .useage[data-v-8a252bc8] {
      font-size: 22px;
      line-height: 30px;
      color: #333333;
      margin: 40px 25px 0;
      text-align: center;
  }
  .coupon_receive .grid-detail .limit[data-v-8a252bc8] {
      font-size: 14px;
      line-height: 20px;
      margin-top: 8px;
      text-align: center;
      color: #a5a5a5;
  }
  .coupon_receive .grid-detail .expire[data-v-8a252bc8] {
      font-size: 12px;
      line-height: 20px;
      margin-top: 8px;
      color: #a5a5a5;
      margin-bottom: 50px;
      text-align: center;
  }
  .coupon_receive .grid-detail .shareText[data-v-8a252bc8] {
      text-align: center;
      color: #727272;
      font-size: 12px;
  }
  .coupon_receive .grid-detail .share[data-v-8a252bc8] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #3576E1;
  }
  .coupon_receive .grid-detail .share img[data-v-8a252bc8] {
        width: 18px;
        height: 18px;
        margin-right: 5px;
  }
  .coupon_receive .grid-detail .grid-bottom[data-v-8a252bc8] {
      border-top: 1px dashed #E9E9E9;
  }
  .coupon_receive .grid-detail .grid-bottom .btn[data-v-8a252bc8] {
        margin: 15px auto;
        display: block;
        width: 72.41379%;
        height: 44px;
        line-height: 44px;
        color: #312345;
        text-align: center;
        border-radius: 22px;
        background-color: #FFE769;
        box-shadow: 0 4px 8px 0 rgba(121, 112, 62, 0.15);
  }
  .coupon_receive .grid-detail .grid-bottom .share[data-v-8a252bc8] {
        margin-top: 10px;
  }
  
  .custom-content[data-v-ff9bb53e] {
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
  }
  .no-more-text[data-v-ff9bb53e] {
    font-size: 12px;
    color: #ccc;
    padding: 20px 0;
    text-align: center;
  }
  
  .dropdown_container .mask[data-v-3443283e] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity .3s;
  }
  .dropdown_container .mask-hide[data-v-3443283e] {
    opacity: 0;
    display: none;
  }
  .dropdown_container .title[data-v-3443283e] {
    line-height: 40px;
    text-align: center;
    display: block;
    text-overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
  }
  .dropdown_container .title div[data-v-3443283e] {
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
      border-left: 1px solid #666666;
      border-bottom: 1px solid #666666;
      width: 5px;
      height: 5px;
      display: inline-block;
      margin-left: 5px;
      line-height: 5px;
      position: relative;
      top: -2px;
  }
  .dropdown_container .content[data-v-3443283e] {
    position: fixed;
    left: 0;
    right: 0;
    top: 41px;
    width: 100%;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
  }
  .dropdown_container .content-hide[data-v-3443283e] {
    -webkit-transform: translateY(150%);
        -ms-transform: translateY(150%);
            transform: translateY(150%);
  }
  .dropdown_container .list[data-v-3443283e] {
    max-height: 360px;
    overflow: scroll;
  }
  
  .voucher-item-container[data-v-c0eb356e], .voucher-item-container-disabled[data-v-c0eb356e] {
    width: 100%;
  }
  .voucher-item-container[data-v-c0eb356e] {
    width: 100%;
  }
  .voucher-item-container .left[data-v-c0eb356e] {
      border-left-color: #ff4444;
  }
  .voucher-item-container .yuan[data-v-c0eb356e], .voucher-item-container .value[data-v-c0eb356e], .voucher-item-container .name[data-v-c0eb356e] {
      color: #FF4444;
  }
  .voucher-item-container-disabled .left[data-v-c0eb356e] {
    border-left-color: #ccc;
  }
  .voucher-item-container-disabled .yuan[data-v-c0eb356e], .voucher-item-container-disabled .value[data-v-c0eb356e], .voucher-item-container-disabled .name[data-v-c0eb356e] {
    color: #ccc;
  }
  .voucher-item-container-disabled .time[data-v-c0eb356e] {
    color: #ccc;
  }
  .voucher-item-container-disabled .title[data-v-c0eb356e] {
    color: #ccc;
  }
  .content[data-v-c0eb356e] {
    height: 94px;
    margin: 12px 12px 12px 13px;
    background-color: #fff;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    position: relative;
  }
  .left[data-v-c0eb356e] {
    width: 113px;
    height: 94px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border-left: 4px solid;
  }
  .split[data-v-c0eb356e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 13px;
    position: relative;
    overflow: hidden;
  }
  .split[data-v-c0eb356e]:before, .split[data-v-c0eb356e]:after {
    box-shadow: inset 0 0 4px #E5E5E5;
  }
  .split[data-v-c0eb356e]:before {
    content: ' ';
    position: absolute;
    top: -7px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #f4f4f4;
  }
  .active[data-v-c0eb356e], .deactive[data-v-c0eb356e] {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    height: 36px;
  }
  .split[data-v-c0eb356e]:after {
    content: ' ';
    position: absolute;
    bottom: -7px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #f4f4f4;
    border-bottom: none;
  }
  .split-left[data-v-c0eb356e], split-right[data-v-c0eb356e] {
    width: 6px;
  }
  .split-left[data-v-c0eb356e] {
    border-right: 1px dashed #d5d5d5;
  }
  .yuan[data-v-c0eb356e] {
    font-size: 16px;
  }
  .value[data-v-c0eb356e] {
    font-size: 26px;
  }
  .name[data-v-c0eb356e] {
    font-size: 12px;
    margin-top: 4px;
  }
  .right[data-v-c0eb356e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 3px;
  }
  .title[data-v-c0eb356e] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .title .name[data-v-c0eb356e] {
      font-size: 16px;
      color: #222;
  }
  .title .tag[data-v-c0eb356e] {
      margin-left: 5px;
      font-size: 12px;
      color: #E64D76;
      border: 1px solid #E64D76;
      padding: 1px 2px;
  }
  .sub-title[data-v-c0eb356e] {
    font-size: 12px;
    color: #888;
  }
  .time[data-v-c0eb356e] {
    margin-top: 9px;
    margin-bottom: 6px;
  }
  .label[data-v-c0eb356e] {
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-size: 100% 100%;
  }
  .label-used[data-v-c0eb356e] {
    background-image: url(//b.yzcdn.cn/beauty/wap/4ac570e8e8c4ce866279719a2a644566.png);
  }
  .label-expired[data-v-c0eb356e] {
    background-image: url(//b.yzcdn.cn/beauty/wap/e89252f4d4faf01e546eb2e4c60b834c.png);
  }
  
  @charset "UTF-8";
  
  /**
   * 棰滆壊鐩稿叧
   */
  .ft-20[data-v-1d5b9f54] {
    font-size: 20px;
  }
  .ft-17[data-v-1d5b9f54] {
    font-size: 17px;
  }
  .ft-15[data-v-1d5b9f54] {
    font-size: 15px;
  }
  .ft-14[data-v-1d5b9f54] {
    font-size: 14px;
  }
  .ft-12[data-v-1d5b9f54] {
    font-size: 12px;
  }
  .ft-22[data-v-1d5b9f54] {
    font-size: 22px;
  }
  .ft-16[data-v-1d5b9f54] {
    font-size: 16px;
  }
  .ft-13[data-v-1d5b9f54] {
    font-size: 13px;
  }
  .ft-10[data-v-1d5b9f54] {
    font-size: 20px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
  .ft-9[data-v-1d5b9f54] {
    font-size: 18px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
  
  /**
   * 棰滆壊鐩稿叧
   */
  
  /*澶嶇敤鍧楃孩鍖呭浘redbag*/
  
  /*澶嶇敤鍧楁寜閽産tn缁勪欢*/
  
  /*涓庣埗鍏冪礌鍚屽ぇ灏弐edbag缁勪欢*/
  .commonSize[data-v-1d5b9f54] {
    width: 100%;
    height: 100%;
  }
  
  /*姘村钩灞呬腑redbag缁勪欢*/
  .commonMiddle[data-v-1d5b9f54] {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  
  /*introduce缁勪欢鐩寸嚎*/
  .line[data-v-1d5b9f54] {
    width: 90px;
    border-top: 0.5px #E5E5E5 solid;
    padding-top: 5px;
    display: inline-block;
  }
  
  /*VoucherDetail缁勪欢璁剧疆size*/
  
  /* sprite-loader-enable */
  .shop[data-v-1d5b9f54] {
    margin-top: 22px;
  }
  .shop .shopSize[data-v-1d5b9f54] {
    padding: 0 15px;
    text-align: center;
    height: 24px;
  }
  .shop .shopSize img[data-v-1d5b9f54] {
    width: 22px;
    height: 22px;
    border: 1px solid #FFF;
    border-radius: 50%;
  }
  .shop .shopSize .shopName[data-v-1d5b9f54] {
    font-family: PingFangSC-Regular;
    color: #222;
    vertical-align: top;
    line-height: 24px;
    margin-left: 5px;
  }
  .voucherPrice[data-v-1d5b9f54] {
    margin-top: 37px;
    padding: 0 15px;
    text-align: center;
  }
  .voucherPrice .price1[data-v-1d5b9f54] {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #222;
  }
  .voucherPrice .price2[data-v-1d5b9f54] {
    margin-top: 12px;
    font-family: PingFangSC-Regular;
    color: #999999;
  }
  .qrCode[data-v-1d5b9f54] {
    margin-top: 33px;
    padding: 0 59px;
    text-align: center;
  }
  .qrCode img[data-v-1d5b9f54] {
    width: 200px;
    height: 200px;
  }
  .barCode[data-v-1d5b9f54] {
    margin-top: 20px;
    padding: 0 0px;
    text-align: center;
  }
  .barCode img[data-v-1d5b9f54] {
    height: 62px;
    width: 252px;
  }
  .barCode p[data-v-1d5b9f54] {
    margin-top: 3px;
  }
  .validDate[data-v-1d5b9f54] {
    margin-top: 109px;
    padding: 0 88px;
    text-align: center;
  }
  .validDate p[data-v-1d5b9f54] {
    font-family: PingFangSC-Regular;
    color: #999999;
  }
  .detail[data-v-1d5b9f54] {
    width: 100%;
    margin-top: 40px;
  }
  .detail .detail-content[data-v-1d5b9f54] {
    margin: 0 47px;
    border-top: 0.5px #e5e5e5 dotted;
  }
  .detail .detail-content .detail-item[data-v-1d5b9f54] {
    margin-top: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .detail .detail-content .detail-item .detail-title[data-v-1d5b9f54] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #888888;
    min-width: 60px;
  }
  .detail .detail-content .detail-item .detail-content[data-v-1d5b9f54] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #666666;
    margin-left: 13px;
    white-space: pre-wrap;
  }
  .detail .detail-content .detail-item .detail-more[data-v-1d5b9f54] {
    display: inline-block;
    color: #e74c75;
    margin-left: 5px;
  }
  .detail[data-v-2934e1d1] {
    margin-top: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .detail .detail-title[data-v-2934e1d1] {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #888888;
      min-width: 60px;
  }
  .detail .detail-content[data-v-2934e1d1] {
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #666666;
      margin-left: 13px;
      white-space: pre-wrap;
  }
  
  .container[data-v-081b0600] {
    padding-top: 10px;
  }
  .container .list[data-v-081b0600] {
      background: #FFF;
      padding: 0 15px;
  }
  .container .list > div[data-v-081b0600] {
        display: block;
        height: 146px;
  }
  .container .list > div[data-v-081b0600]:before {
          border-bottom: 1px solid #E5E5E5;
  }
  .container .list > div[data-v-081b0600]:last-child::before {
          border-bottom: none;
  }
  .container .list > div .l[data-v-081b0600] {
          width: 108px;
          height: 108px;
          box-sizing: border-box;
          margin-top: 20px;
  }
  .container .list > div .l img[data-v-081b0600] {
            width: 100%;
            height: 100%;
  }
  .container .list > div .l.card[data-v-081b0600] {
            margin-top: 34px;
            height: 80px;
            background-size: 100% auto;
            background-position: center;
            background-repeat: no-repeat;
  }
  .container .list > div .r[data-v-081b0600] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #888;
          font-size: 12px;
          box-sizing: border-box;
          width: calc(100% - 108px);
          height: calc(100%);
  }
  .container .list > div .r .warp[data-v-081b0600] {
            width: 100%;
            padding-left: 10px;
  }
  .container .list > div .r .tit[data-v-081b0600] {
            color: #222;
            font-size: 14px;
  }
  .container .list > div .r .price[data-v-081b0600] {
            line-height: 12px;
  }
  .container .list > div .r .earning[data-v-081b0600] {
            line-height: 12px;
  }
  .container .list > div .r .earning .pre[data-v-081b0600] {
              padding-right: 10px;
              margin-right: 10px;
  }
  .container .list > div .r .earning .pre[data-v-081b0600]:before {
                border-right: 1px solid #E5E5E5;
  }
  .container .list > div .r .opera[data-v-081b0600] {
            color: #FBB322;
            line-height: 24px;
            margin-top: 9px;
  }
  .container .list > div .r .opera .bt[data-v-081b0600] {
              height: 24px;
              background-image: linear-gradient(120deg, #FCB719 0%, #F6A346 100%);
              border-radius: 13.5px;
              font-size: 12px;
              color: #FFF;
              padding: 0 14px;
  }
  .container .list > div .r .light[data-v-081b0600] {
            color: #E74C75;
  }
  .container .empty[data-v-081b0600] {
      font-size: 14px;
      color: #999;
      width: 100%;
      position: fixed;
      height: calc(50% - 42px);
      top: 42px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
  }
  .container .empty p[data-v-081b0600] {
        width: 100%;
        line-height: 20px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 130px;
        padding: 0 70px;
  }
  
  .container[data-v-03485a6b] {
    padding-top: 10px;
  }
  .container .list[data-v-03485a6b] {
      background: #FFF;
      padding: 0 15px;
  }
  .container .list > div[data-v-03485a6b] {
        display: block;
        height: 146px;
  }
  .container .list > div[data-v-03485a6b]:before {
          border-bottom: 1px solid #E5E5E5;
  }
  .container .list > div[data-v-03485a6b]:last-child::before {
          border-bottom: none;
  }
  .container .list > div .l[data-v-03485a6b] {
          width: 108px;
          height: 108px;
          box-sizing: border-box;
          margin-top: 20px;
  }
  .container .list > div .l img[data-v-03485a6b] {
            width: 100%;
            height: 100%;
  }
  .container .list > div .l.card[data-v-03485a6b] {
            margin-top: 34px;
            height: 80px;
            background-size: 100% auto;
            background-position: center;
            background-repeat: no-repeat;
  }
  .container .list > div .r[data-v-03485a6b] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #888;
          font-size: 12px;
          box-sizing: border-box;
          width: calc(100% - 108px);
          height: calc(100%);
  }
  .container .list > div .r .warp[data-v-03485a6b] {
            width: 100%;
            padding-left: 10px;
  }
  .container .list > div .r .tit[data-v-03485a6b] {
            color: #222;
            font-size: 14px;
  }
  .container .list > div .r .price[data-v-03485a6b] {
            line-height: 12px;
  }
  .container .list > div .r .earning[data-v-03485a6b] {
            line-height: 12px;
  }
  .container .list > div .r .earning .pre[data-v-03485a6b] {
              padding-right: 10px;
              margin-right: 10px;
  }
  .container .list > div .r .earning .pre[data-v-03485a6b]:before {
                border-right: 1px solid #E5E5E5;
  }
  .container .list > div .r .opera[data-v-03485a6b] {
            color: #FBB322;
            line-height: 24px;
            margin-top: 9px;
  }
  .container .list > div .r .opera .bt[data-v-03485a6b] {
              height: 24px;
              background-image: linear-gradient(120deg, #FCB719 0%, #F6A346 100%);
              border-radius: 13.5px;
              font-size: 12px;
              color: #FFF;
              padding: 0 14px;
  }
  .container .list > div .r .light[data-v-03485a6b] {
            color: #E74C75;
  }
  .container .empty[data-v-03485a6b] {
      font-size: 14px;
      color: #999;
      width: 100%;
      position: fixed;
      height: calc(50% - 42px);
      top: 42px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
  }
  .container .empty p[data-v-03485a6b] {
        width: 100%;
        line-height: 20px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 130px;
        padding: 0 70px;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .detail[data-v-7d673b6c] {
    margin-top: -16px;
  }
  .item-card[data-v-7d673b6c] {
    overflow: hidden;
  }
  .all[data-v-7d673b6c] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #888;
    text-align: center;
  }
  .custom-content[data-v-7d673b6c] {
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .none[data-v-223d2277] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #888;
    text-align: center;
    margin-top: 116px;
  }
  .none .none-title[data-v-223d2277] {
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #666666;
  }
  .none .none-tips[data-v-223d2277] {
      margin-top: 12px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #999999;
  }
  .none .none-btn[data-v-223d2277] {
      margin-top: 54px;
      text-align: center;
  }
  .none .none-btn .none-btn-go[data-v-223d2277] {
        width: 78px;
        height: 36px;
        line-height: 36px;
        display: block;
        margin: 0 auto;
        font-size: 12px;
        border-radius: 20px;
  }
  
  .custom-richtext[data-v-cdc9e1f8] {
    position: absolute;
    top: 0;
    bottom: 50px;
    width: 100%;
    overflow-y: auto;
    z-index: 1;
  }
  .recruit-btn[data-v-cdc9e1f8] {
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    bottom: 0;
    z-index: 1;
  }
  
  @charset "UTF-8";
  .ellip1[data-v-f9d0e42c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ellip2[data-v-f9d0e42c], .ban-detail .ban-txt[data-v-f9d0e42c] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .flex-center[data-v-f9d0e42c] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .flex-center .card[data-v-f9d0e42c] {
      margin-right: 0 !important;
  }
  .flex-center[data-v-f9d0e42c]:after {
      content: '';
      width: 0px !important;
  }
  .mark-bg[data-v-f9d0e42c] {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #FB6B6A;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 40%, #FFF3F5 100%);
    background-size: 100% auto;
    overflow: auto;
    z-index: -1;
  }
  .bg-mark[data-v-f9d0e42c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .bg-mark > img[data-v-f9d0e42c] {
      width: 100%;
      opacity: .5;
  }
  .act-header[data-v-f9d0e42c] {
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .store-msg[data-v-f9d0e42c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0 0 16px;
    line-height: 30px;
    font-size: 0;
  }
  .store-msg .store-logo[data-v-f9d0e42c] {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      display: inline-block;
      width: 28px;
      height: 28px;
      border-radius: 100%;
      border: solid 1px #ccc;
      overflow: hidden;
  }
  .store-msg .store-logo > img[data-v-f9d0e42c] {
        width: 100%;
        height: 100%;
  }
  .store-msg .store-name[data-v-f9d0e42c] {
      display: inline-block;
      box-sizing: border-box;
      vertical-align: top;
      font-size: 14px;
      padding-left: 8px;
      color: #fff;
  }
  .act-reguler[data-v-f9d0e42c] {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 20px;
  }
  .act-reguler > span[data-v-f9d0e42c] {
      display: inline-block;
      padding: 6px 10px 6px 14px;
      font-size: 10px;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
      background-image: linear-gradient(-97deg, #FB5752 0%, #F35961 100%);
      color: #fff;
  }
  .act-banner[data-v-f9d0e42c] {
    position: relative;
  }
  .act-banner .ban-theme[data-v-f9d0e42c] {
      height: 106px;
      text-align: center;
  }
  .act-banner .ban-theme > img[data-v-f9d0e42c] {
        position: absolute;
        left: 0;
        width: 100%;
  }
  .banner-container[data-v-f9d0e42c] {
    position: relative;
    top: -14px;
  }
  .ban-detail[data-v-f9d0e42c] {
    position: relative;
    width: 100%;
  }
  .ban-detail .ban-txt[data-v-f9d0e42c] {
      font-weight: bold;
      font-size: 16px;
      color: #fff;
      text-align: center;
      padding: 0 32px 0 32px;
      line-height: 20px;
  }
  .ban-detail .ban-date[data-v-f9d0e42c] {
      margin: 9px 2px 12px 2px;
      text-align: center;
      color: #fff;
  }
  .ban-detail .ban-date > span[data-v-f9d0e42c] {
        display: inline-block;
        background: rgba(255, 255, 255, 0.1);
        width: 24px;
        height: 24px;
        line-height: 24px;
        border-radius: 2px;
  }
  .card-view[data-v-f9d0e42c] {
    position: relative;
    width: 100%;
    overflow: auto;
  }
  .card-container[data-v-f9d0e42c] {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    padding-left: 32px;
    padding-right: 32px;
    overflow: scroll;
  }
  .card-container[data-v-f9d0e42c]:after {
      content: '';
      width: 16px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
  }
  .card[data-v-f9d0e42c] {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    position: relative;
    padding: 12px 12px 32px 12px;
    border-radius: 5px;
    background: #fff;
    margin: 0 16px 32px 0;
    box-shadow: 4px 6px 8px 4px rgba(247, 104, 103, 0.1);
    box-sizing: border-box;
  }
  .card .card-tag[data-v-f9d0e42c] {
      position: absolute;
      padding: 4px;
      top: 5px;
      left: -5px;
      background: #cdcdcd;
      font-size: 12px;
      color: #fff;
      background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
      border-radius: 2px;
      z-index: 1;
  }
  .card .card-decorate[data-v-f9d0e42c] {
      position: relative;
  }
  .card .btn-container[data-v-f9d0e42c] {
      position: absolute;
      width: 100%;
      bottom: -16px;
      left: 0;
      text-align: center;
  }
  .card .btn-container .card-btn[data-v-f9d0e42c] {
        position: relative;
        padding: 8px 40px 8px 40px;
        font-size: 16px;
        text-align: center;
        border-radius: 50px;
        color: #fff;
        border: none;
  }
  .card .btn-container .card-btn-ready[data-v-f9d0e42c] {
        background-image: linear-gradient(-138deg, #FCB719 0%, #F6A346 100%);
        box-shadow: 0px 2px 4px rgba(248, 163, 66, 0.5);
  }
  .card .btn-container .card-btn-ready[data-v-f9d0e42c]:before {
          content: '\5373\5C06\5F00\59CB';
  }
  .card .btn-container .card-btn-normal[data-v-f9d0e42c] {
        background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
        box-shadow: 4px 6px 8px 4px rgba(247, 104, 103, 0.1);
  }
  .card .btn-container .card-btn-normal[data-v-f9d0e42c]:before {
          content: '\6211\8981\53C2\52A0';
  }
  .card .btn-container .card-btn-disable[data-v-f9d0e42c] {
        background: #fff;
        box-shadow: 4px 6px 8px 4px rgba(247, 104, 103, 0.1);
        color: #9B9B9B !important;
  }
  .card .btn-container .card-btn-disable[data-v-f9d0e42c]:before {
          content: '\6D3B\52A8\5DF2\7ED3\675F';
  }
  .act-footer[data-v-f9d0e42c] {
    margin-top: 16px;
    margin-bottom: 82px;
    text-align: center;
    font-size: 14px;
    color: #8f807f;
  }
  .act-footer > img[data-v-f9d0e42c] {
      padding-top: 16px;
      width: 80%;
  }
  .act-footer .footer-hint[data-v-f9d0e42c]:before {
      content: '';
      display: inline-block;
      height: 1px;
      width: 35px;
      background: #8f807f;
      margin: 0 12px 6px 12px;
  }
  .act-footer .footer-hint[data-v-f9d0e42c]:after {
      content: '';
      display: inline-block;
      height: 1px;
      width: 35px;
      background: #8f807f;
      margin: 0 12px 6px 12px;
  }
  .paper-container[data-v-f9d0e42c] {
    position: relative;
    width: 66%;
    padding: 0 36px 36px 36px;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
  }
  .paper-container .login-cancel[data-v-f9d0e42c] {
      display: inline-block;
      position: absolute;
      top: 16px;
      right: 16px;
      text-align: center;
  }
  .paper-container .login-cancel > span[data-v-f9d0e42c] {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 0 3px 0px;
        vertical-align: middle;
  }
  .paper-container .login-cancel > .svg[data-v-f9d0e42c] {
        display: inline;
        width: 18px;
        height: 18px;
        fill: #ccc;
  }
  
  .center-container[data-v-14becb0c] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .2s;
    z-index: -9;
  }
  .mark-black[data-v-14becb0c] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .regular-title[data-v-14becb0c] {
    text-align: center;
    font-size: 18px;
    padding: 36px 0 16px 0;
    font-weight: bolder;
  }
  .regular-title > .svg[data-v-14becb0c] {
      display: inline;
      width: 18px;
      height: 16px;
      margin: 0 8px 0 8px;
      padding-bottom: 2px;
      vertical-align: middle;
  }
  ol[data-v-14becb0c] {
    line-height: 16px;
  }
  ol > li[data-v-14becb0c] {
    list-style-type: decimal;
    margin-left: 8px;
    padding-bottom: 4px;
  }
  ol > li > span[data-v-14becb0c] {
      color: #E84B74;
  }
  .fadeIn[data-v-14becb0c] {
    -webkit-animation-name: slideIn;
            animation-name: slideIn;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    z-index: 9 !important;
  }
  .fadeOut[data-v-14becb0c] {
    -webkit-animation-name: slideOut;
            animation-name: slideOut;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
  }
  @-webkit-keyframes slideIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @keyframes slideIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @-webkit-keyframes slideOut {
  0% {
      opacity: 1;
      z-index: 9;
  }
  100% {
      opacity: 0;
      z-index: 9;
  }
  }
  @keyframes slideOut {
  0% {
      opacity: 1;
      z-index: 9;
  }
  100% {
      opacity: 0;
      z-index: 9;
  }
  }
  
  @charset "UTF-8";
  .ellip1[data-v-53995d3b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ellip2[data-v-53995d3b], .card-content .item-title[data-v-53995d3b] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
  }
  .card-content[data-v-53995d3b] {
    position: relative;
    width: 270px;
  }
  .card-content .card-img[data-v-53995d3b] {
      width: 100%;
      height: 160px;
      overflow: hidden;
      background: #cdcdcd;
  }
  .card-content .card-img > img[data-v-53995d3b] {
        width: 100%;
  }
  .card-content .item-title[data-v-53995d3b] {
      margin: 12px 0 4px 0;
      font-size: 16px;
  }
  .card-content .item-detail .detail-price[data-v-53995d3b] {
      display: inline-block;
      font-size: 16px;
      margin-right: 4px;
      color: #E84B74;
  }
  .card-content .item-detail .detail-price[data-v-53995d3b]:before {
        content: '\4F4E\81F3';
        font-size: 12px;
        margin-right: 4px;
  }
  .card-content .item-detail .detail-tag[data-v-53995d3b] {
      display: inline-block;
      position: relative;
      padding: 2px 4px 2px 4px;
      background: #F8A63C;
      color: #fff;
      border-radius: 1px;
  }
  .card-content .item-detail .detail-tag > span[data-v-53995d3b] {
        font-size: 14px;
  }
  .card-content .item-detail .detail-tag > span[data-v-53995d3b]:before {
          content: '\7ACB\7701';
          font-size: 12px;
  }
  .card-content .item-detail .detail-tag[data-v-53995d3b]:before {
        content: '';
        position: absolute;
        top: 0px;
        left: -6px;
        display: inline-block;
        width: 0;
        height: 0;
        border: solid 3px;
        border-color: #F8A63C #F8A63C transparent transparent;
  }
  .card-content .item-detail .detail-sell[data-v-53995d3b] {
      position: relative;
      padding-left: 12px;
      margin-top: 5px;
      display: inline-block;
      float: right;
      font-size: 12px;
      color: #ccc;
  }
  .card-content .item-detail .detail-sell > .svg[data-v-53995d3b] {
        position: absolute;
        top: 0;
        left: 0;
        display: inline;
        width: 12px;
        height: 12px;
  }
  .card-content .item-detail .detail-price-old[data-v-53995d3b] {
      margin-top: 5px;
      font-size: 12px;
      color: #ccc;
  }
  .card-content .item-detail .detail-price-old > span[data-v-53995d3b] {
        text-decoration: line-through;
  }
  .rmb[data-v-53995d3b] {
    margin: 0 2px 0 2px;
  }
  @media screen and (max-width: 330px) {
  .card-content[data-v-53995d3b] {
      width: 230px;
  }
  .card-content .card-img[data-v-53995d3b] {
        height: 133px;
  }
  }
  
  .hint-container[data-v-3b9e87b4] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .hint-container .hint-content[data-v-3b9e87b4] {
      position: relative;
      top: -32px;
      text-align: center;
  }
  .hint-container .hint-content > p[data-v-3b9e87b4] {
        padding-top: 16px;
        padding-bottom: 32px;
        font-size: 18px;
        color: #666;
  }
  .hint-container .hint-content > img[data-v-3b9e87b4] {
        width: 220px;
  }
  .hint-container .hint-content .hint-btn[data-v-3b9e87b4] {
        position: relative;
        padding: 8px 40px 8px 40px;
        font-size: 16px;
        text-align: center;
        border-radius: 50px;
        background: rgba(0, 0, 0, 0);
        color: #E84B74;
        border: 1px solid #E84B74;
  }
  
  .center-container[data-v-234cccce] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .2s;
    z-index: -9;
  }
  .mark-black[data-v-234cccce] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
  }
  .fadeIn[data-v-234cccce] {
    -webkit-animation-name: slideIn;
            animation-name: slideIn;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    z-index: 9 !important;
  }
  .fadeOut[data-v-234cccce] {
    -webkit-animation-name: slideOut;
            animation-name: slideOut;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
  }
  @-webkit-keyframes slideIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @keyframes slideIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @-webkit-keyframes slideOut {
  0% {
      opacity: 1;
      z-index: 9;
  }
  100% {
      opacity: 0;
      z-index: 9;
  }
  }
  @keyframes slideOut {
  0% {
      opacity: 1;
      z-index: 9;
  }
  100% {
      opacity: 0;
      z-index: 9;
  }
  }
  
  .paper-container[data-v-70a78b8b] {
    position: relative;
    width: 66%;
    padding: 0 36px 36px 36px;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
  }
  .paper-container .login-cancel[data-v-70a78b8b] {
      display: inline-block;
      position: absolute;
      top: 16px;
      right: 16px;
      text-align: center;
  }
  .paper-container .login-cancel > span[data-v-70a78b8b] {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 0 3px 0px;
        vertical-align: middle;
  }
  .paper-container .login-cancel > .svg[data-v-70a78b8b] {
        display: inline;
        width: 18px;
        height: 18px;
        fill: #ccc;
  }
  
  .bg-fix[data-v-09c92c75] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FB6B6A;
    z-index: -1;
  }
  .bg-mark[data-v-09c92c75] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0.7;
    z-index: -1;
  }
  .bg-mark > img[data-v-09c92c75] {
      width: 100%;
  }
  .hr-normal[data-v-09c92c75] {
    margin-top: 48px;
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
  }
  .hr-normal > img[data-v-09c92c75] {
      padding-top: 16px;
      width: 70%;
  }
  .hr-normal .hr-title[data-v-09c92c75] {
      opacity: 0.7;
  }
  .hr-normal .hr-title[data-v-09c92c75]:before {
        content: '';
        display: inline-block;
        height: 1px;
        width: 20px;
        background: rgba(255, 255, 255, 0.7);
        margin: 0 12px 5px 12px;
  }
  .hr-normal .hr-title[data-v-09c92c75]:after {
        content: '';
        display: inline-block;
        height: 1px;
        width: 20px;
        background: rgba(255, 255, 255, 0.7);
        margin: 0 12px 5px 12px;
  }
  .card-btn[data-v-09c92c75] {
    position: relative;
    padding: 10px 40px 10px 40px;
    font-size: 16px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    border: none;
    background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
  }
  .paper[data-v-09c92c75] {
    background: #fff;
    border-radius: 3px;
    padding: 16px;
  }
  .server-msg[data-v-09c92c75] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin: 16px auto;
  }
  .server-msg .server-img[data-v-09c92c75] {
      width: 72px;
      height: 72px;
      float: left;
      padding-right: 16px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      overflow: hidden;
  }
  .server-msg .server-img > img[data-v-09c92c75] {
        width: 100%;
  }
  .server-msg .server-detail[data-v-09c92c75] {
      width: 100%;
      margin-right: 16px;
  }
  .server-msg .server-detail .server-store[data-v-09c92c75] {
        padding-bottom: 8px;
        color: #4A4A4A;
        font-size: 13px;
        border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  }
  .server-msg .server-detail .server-name[data-v-09c92c75] {
        padding-top: 8px;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
  }
  .join-msg[data-v-09c92c75] {
    width: 80%;
    margin: 16px auto;
  }
  .join-msg .msg-item[data-v-09c92c75] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 0 16px 0 16px;
      padding-bottom: 2px;
      border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  }
  .join-msg .msg-item > span[data-v-09c92c75] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 24px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
  }
  .join-msg .msg-item > span .svg[data-v-09c92c75] {
          width: 16px;
          height: 16px;
          fill: #666;
  }
  .join-msg .msg-item > input[data-v-09c92c75] {
        width: 100%;
        padding: 14px;
        padding-left: 2px;
        font-size: 14px;
        background: #fff;
        border: none;
  }
  .join-msg .msg-item .mobile[data-v-09c92c75] {
        color: #666;
        pointer-events: none;
  }
  .btn-container[data-v-09c92c75] {
    margin: 32px 0 16px 0;
    text-align: center;
  }
  .btn-container .card-btn[data-v-09c92c75] {
      display: inline-block;
      width: 80%;
      font-size: 16px;
      text-align: center;
      border-radius: 50px;
      color: #fff;
      background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
      border: none;
      box-shadow: 4px 6px 8px 4px rgba(247, 104, 103, 0.1);
  }
  
  .bg-fix[data-v-44c24068] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FB6B6A;
    z-index: -1;
  }
  .bg-mark[data-v-44c24068] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
  }
  .bg-mark > img[data-v-44c24068] {
      width: 100%;
  }
  .commit-header[data-v-44c24068] {
    position: relative;
    width: 90%;
    margin: 0 auto;
    margin-top: 32px;
  }
  .commit-header > img[data-v-44c24068] {
      width: 100%;
  }
  .commit-header .commit-hint[data-v-44c24068] {
      position: absolute;
      width: 114px;
      height: 28px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      font-size: 28px;
      color: #fff;
  }
  .commit-main[data-v-44c24068] {
    position: relative;
    width: 92%;
    margin: 0 auto;
    margin-top: 16px;
    text-align: center;
  }
  .commit-main .single-container[data-v-44c24068] {
      position: absolute;
      width: 100%;
      top: -38px;
  }
  .commit-main .single-container .commit-single[data-v-44c24068] {
        display: inline-block;
        width: 100px;
        height: 100px;
  }
  .commit-main .single-container .commit-single > img[data-v-44c24068] {
          width: 100%;
  }
  .commit-main .commit-content[data-v-44c24068] {
      font-size: 18px;
      padding: 72px 32px 0 32px;
      line-height: 24px;
  }
  .commit-main .btn-container[data-v-44c24068] {
      padding: 16px 0 32px 0;
  }
  .commit-main .btn-container .card-btn[data-v-44c24068] {
        display: inline-block;
        padding: 10px 0 10px 0;
        width: 200px;
        font-size: 14px;
        text-align: center;
        border-radius: 50px;
        color: #fff;
        border: none;
        margin-top: 16px;
  }
  .commit-main .btn-container .btn-act-detail[data-v-44c24068] {
        background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
        box-shadow: 0px 2px 4px rgba(233, 78, 111, 0.5);
  }
  .commit-main .btn-container .btn-act-join[data-v-44c24068] {
        background-image: linear-gradient(-138deg, #FCB719 0%, #F6A346 100%);
        box-shadow: 0px 2px 4px rgba(248, 163, 66, 0.5);
  }
  .paper[data-v-44c24068] {
    background: #fff;
    border-radius: 8px;
  }
  .show-container[data-v-44c24068] {
    position: absolute;
    top: 24px;
    width: 100%;
    padding: 16px;
  }
  .show-container > img[data-v-44c24068] {
      width: 90%;
  }
  .show-container .show-content[data-v-44c24068] {
      padding: 32px;
      border: 1px solid #000;
      font-size: 20px;
      line-height: 26px;
  }
  .show-container .show-content[data-v-44c24068]:after {
        content: '';
        position: absolute;
        top: -20px;
        right: -20px;
        width: 36px;
        height: 36px;
        border: 3px solid;
        border-color: #fff #fff transparent transparent;
  }
  
  .center-container[data-v-f2da2418] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .2s;
    z-index: -9;
  }
  .mark-black[data-v-f2da2418] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  .fadeIn[data-v-f2da2418] {
    -webkit-animation-name: slideIn;
            animation-name: slideIn;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    z-index: 9 !important;
  }
  .fadeOut[data-v-f2da2418] {
    -webkit-animation-name: slideOut;
            animation-name: slideOut;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
  }
  @-webkit-keyframes slideIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @keyframes slideIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @-webkit-keyframes slideOut {
  0% {
      opacity: 1;
      z-index: 9;
  }
  100% {
      opacity: 0;
      z-index: 9;
  }
  }
  @keyframes slideOut {
  0% {
      opacity: 1;
      z-index: 9;
  }
  100% {
      opacity: 0;
      z-index: 9;
  }
  }
  
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .walking[data-v-6445d978] {
    width: 100%;
    height: 100%;
    background-image: url(//b.yzcdn.cn/beauty/wap/5d1fd1ddc4a762a0dbad2e9df1c2be26.png);
    font-size: 12px;
    position: fixed;
    overflow-y: scroll;
    background-size: 100% 100%;
  }
  .walking-situation .invitation-success .invitation-success-title[data-v-6445d978] {
    background-position-x: 25px;
    padding-top: 55px;
    background-image: url(//b.yzcdn.cn/beauty/wap/8169e085a15fe9b7d0b3167b08ac4855.png);
    background-size: 90%;
    background-repeat: no-repeat;
  }
  .walking-situation .invitation-success .invitation-success-service[data-v-6445d978] {
    margin: 30px 44px 0 44px;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
  }
  .walking-situation .invitation-success .invitation-success-service .invitation-btn[data-v-6445d978] {
    margin-top: 19px;
  }
  .walking-situation .invitation .invitation-counting[data-v-6445d978] {
    width: 100%;
    height: 22px;
  }
  .walking-situation .invitation .invitation-counting .counting-txt[data-v-6445d978] {
    width: 120px;
    height: 22px;
    margin: 0 auto;
    background-image: linear-gradient(-138deg, #FB5752 0%, #F35961 100%);
    border-radius: 0 0 4px 4px;
    color: #FFF;
    text-align: center;
    line-height: 22px;
    font-size: 10px;
  }
  .walking-situation .invitation .invitation-detail[data-v-6445d978] {
    margin: 42px 15px 0 15px;
    background: #FFF;
    border-radius: 8px;
  }
  .walking-situation .invitation .invitation-detail .invitation-title[data-v-6445d978] {
    position: relative;
    top: -2.5em;
  }
  .walking-situation .invitation .invitation-detail .invitation-aside[data-v-6445d978] {
    margin-top: -17px;
    text-align: center;
    font-size: 1em;
    color: #888;
  }
  .walking-situation .invitation .invitation-detail .invitation-aside i[data-v-6445d978] {
    width: 35px;
    height: 0.5px;
    border-top: 1px solid #D8D8D8;
    display: inline-block;
    padding-top: 3px;
  }
  .walking-situation .invitation .invitation-detail .invitation-service[data-v-6445d978] {
    padding: 0 23px;
  }
  .walking-situation .invitation .invitation-detail .invitation-btn[data-v-6445d978] {
    margin-top: 1.6em;
  }
  .walking-situation .invitation .invitation-list[data-v-6445d978] {
    margin-top: 22px;
    height: 5.6em;
  }
  .act-reguler[data-v-6445d978] {
    display: inline-block;
    padding: 4px 10px 4px 14px;
    font-size: 12px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-image: linear-gradient(-138deg, #F35961 0%, #FB5752 100%);
    color: #fff;
    position: absolute;
    top: 20px;
    right: 0;
  }
  
  /*閫傞厤瀹藉害澶т簬375px*/
  @media screen and (min-width: 375px) {
  .walking[data-v-6445d978] {
      font-size: 14px;
  }
  }
  
  /*閫傞厤瀹藉害澶т簬400px*/
  @media screen and (min-width: 400px) {
  .walking[data-v-6445d978] {
      font-size: 16px;
  }
  }
  
  /*閫傞厤瀹藉害澶т簬450px*/
  @media screen and (min-width: 450px) {
  .walking[data-v-6445d978] {
      font-size: 18px;
  }
  }
  
  /*閫傞厤瀹藉害澶т簬500px*/
  @media screen and (min-width: 500px) {
  .walking[data-v-6445d978] {
      font-size: 20px;
  }
  }
  
  /*閫傞厤瀹藉害灏忎簬375px*/
  @media screen and (max-width: 320px) {
  .walking-situation .invitation .invitation-list[data-v-6445d978] {
      margin-top: 12px;
  }
  .walking-situation .invitation .invitation-detail .invitation-btn[data-v-6445d978] {
      margin-top: 0.7em;
  }
  }/* sprite-loader-enable */
  .title-head[data-v-f2fe1e00] {
    width: 100%;
    height: 5.9em;
  }
  .title-head .outer[data-v-f2fe1e00] {
    width: 5.9em;
    height: 100%;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #fb6564;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .title-head .outer .inner[data-v-f2fe1e00] {
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 1px solid #fff;
  }
  .title-head .outer .inner img[data-v-f2fe1e00] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
  }
  .title-body[data-v-f2fe1e00] {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .title-body h2[data-v-f2fe1e00] {
    font-size: 1.25em;
    color: #101010;
  }
  .title-footer[data-v-f2fe1e00] {
    margin: 5px 25px 0 25px;
  }
  .title-footer p[data-v-f2fe1e00] {
    font-size: 1em;
    color: #888888;
    letter-spacing: 0.24px;
    line-height: 1.6em;
  }
  .title-tip[data-v-f2fe1e00] {
    width: 3.3em;
    height: 3.3em;
    position: absolute;
    top: 3em;
    right: 8px;
    display: inline-block;
  }
  .title-tip img[data-v-f2fe1e00] {
    width: 100%;
    height: 100%;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  .service-body[data-v-5abd5446] {
    margin: 11px 11px 0 11px;
  }
  .service-body .service-logo[data-v-5abd5446] {
    height: 11.4em;
    position: relative;
    border: 1px #f4f4f4 solid;
  }
  .service-body .service-logo .service-logo-size[data-v-5abd5446] {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .service-body .service-logo .service-logo-size img[data-v-5abd5446] {
    width: 100%;
    min-height: 100%;
  }
  .service-body .service-logo .service-tips[data-v-5abd5446] {
    position: absolute;
    height: 20px;
    line-height: 20px;
    top: 10px;
    left: -4px;
    text-align: center;
    background-color: #e53956;
    color: #fff;
    border-radius: 1px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .service-body .service-detail[data-v-5abd5446] {
    margin-top: 12px;
  }
  .service-body .service-detail .service-name[data-v-5abd5446] {
    font-size: 1em;
    color: #222222;
  }
  .service-body .service-detail .service-price[data-v-5abd5446] {
    margin-top: 7px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .service-body .service-detail .service-price .service-detail-tag[data-v-5abd5446] {
    margin-left: 3px;
    display: inline-block;
    position: relative;
    padding: 2px 4px 2px 4px;
    background: #F8A63C;
    color: #fff;
  }
  .service-body .service-detail .service-price .service-detail-tag > span[data-v-5abd5446] {
    font-size: 12px;
  }
  .service-body .service-detail .service-price .service-detail-tag > span[data-v-5abd5446]:before {
    content: '\7ACB\7701';
    font-size: 12px;
  }
  .service-body .service-detail .service-price .service-detail-tag[data-v-5abd5446]:before {
    content: '';
    position: absolute;
    top: 0px;
    left: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 3px;
    border-color: #F8A63C #F8A63C transparent transparent;
  }
  .service-body .service-detail .service-price .service-total[data-v-5abd5446] {
    width: 6em;
    height: 16px;
    background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
    text-align: center;
    font-size: 11px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 16px;
    border-radius: 1px;
    padding: 1px 2px;
  }
  .service-body .service-detail .service-price .service-total-detail[data-v-5abd5446] {
    font-size: 14px;
    color: #E84B74;
    margin-left: 3px;
  }
  .service-body .service-detail .service-price .service-origin-detail[data-v-5abd5446] {
    font-size: 12px;
    color: #9B9B9B;
    text-decoration: line-through;
    margin-left: 5px;
  }
  .service-body .service-detail .service-origin[data-v-5abd5446] {
    margin-top: 5px;
    font-size: 8px;
    color: #CCCCCC;
  }
  @charset "UTF-8";
  .btn[data-v-bf2fd178] {
    height: 4em;
    margin: 0 44px 0 44px;
    position: relative;
  }
  .btn .btn-size[data-v-bf2fd178] {
      width: 100%;
      height: 2.7em;
      border-radius: 100px;
      font-size: 1em;
      color: #FFFFFF;
      line-height: 38px;
  }
  .btn .btn-size .btn-limit-invitation[data-v-bf2fd178] {
        width: 80px;
        height: 20px;
        font-size: 10px;
        color: #E94A73;
        position: absolute;
        top: -1em;
        right: -4em;
        border: 1px solid #E94A73;
        border-radius: 24px 24px 24px 0;
        text-align: center;
        line-height: 20px;
        background-color: #fff;
  }
  .bg-red[data-v-bf2fd178] {
    background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
    box-shadow: 0 2px 4px 0 rgba(233, 78, 111, 0.5);
  }
  .bg-yellow[data-v-bf2fd178] {
    background-image: linear-gradient(-138deg, #F6A346 0%, #FCB719 100%);
    box-shadow: 0 2px 4px 0 rgba(248, 163, 66, 0.5);
  }
  
  /*閫傞厤瀹藉害灏忎簬320px*/
  @media screen and (max-width: 320px) {
  .btn[data-v-bf2fd178] {
      height: 3.4em;
  }
  }
  /* sprite-loader-enable */
  .musk .invitation[data-v-72e01d82] {
    width: 100%;
    height: 280px;
  }
  .musk .invitation img[data-v-72e01d82] {
    width: 330px;
    height: 100%;
  }
  .musk .limitOld[data-v-72e01d82] {
    width: 100%;
    height: 60px;
  }
  .musk .limitOld img[data-v-72e01d82] {
    width: 100%;
    height: 100%;
  }
  .invitation-text[data-v-719ce1e8] {
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.24px;
  }
  .invitation-list[data-v-719ce1e8] {
    margin-top: 0.85em;
    width: 100%;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .invitation-list .invitation-list-img[data-v-719ce1e8] {
      width: 2.4em;
      height: 2.4em;
      border-radius: 50%;
      border: 1px solid #FFFFFF;
      display: inline-block;
      margin-left: 7px;
  }
  .invitation-list .invitation-list-img img[data-v-719ce1e8] {
        width: 100%;
        height: 100%;
        display: inline-block;
        border-radius: 50%;
  }
  .invitation-list .cc-must-add[data-v-719ce1e8] {
      background: rgba(255, 255, 255, 0.2);
      border: 1px dotted #FFFFFF;
  }
  .setMiddle[data-v-719ce1e8] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  .full-title[data-v-16be4cf6] {
    font-size: 1.5em;
    color: #FFFFFF;
    text-align: center;
  }
  .full-tips[data-v-16be4cf6] {
    opacity: 0.7;
    font-size: 0.9em;
    color: #FFFFFF;
    text-align: center;
    margin-top: 12px;
  }
  .full-list[data-v-16be4cf6] {
    margin-top: 18px;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .usr-list[data-v-6c09de66] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .usr-list .usr-list-item[data-v-6c09de66] {
      width: 6em;
      height: 7em;
      border-radius: 3px;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: 10px;
      position: relative;
  }
  .usr-list .usr-list-item .list-item-leader[data-v-6c09de66] {
        width: 30px;
        height: 11px;
        background: #FFFFFF;
        border-radius: 1px;
        font-size: 8px;
        color: #E74C75;
        text-align: center;
        position: relative;
        top: 0;
        margin: -11px auto 0px auto;
        display: block;
        line-height: 11px;
        background-image: url(//b.yzcdn.cn/beauty/wap/a6b26cee6c6b1874eb4044ccb0e75393.png);
        background-size: 100%;
  }
  .usr-list .usr-list-item .list-item-img[data-v-6c09de66] {
        width: 54px;
        height: 54px;
        position: relative;
        border-radius: 27px;
  }
  .usr-list .usr-list-item .list-item-img[data-v-6c09de66]:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 200%;
          height: 200%;
          -webkit-transform-origin: left top;
              -ms-transform-origin: left top;
                  transform-origin: left top;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
          border-radius: 54px;
          box-sizing: border-box;
  }
  .usr-list .usr-list-item .list-item-img > *[data-v-6c09de66] {
          position: relative;
  }
  .usr-list .usr-list-item .list-item-img[data-v-6c09de66]:before {
          border-top: 1px solid #FFF;
  }
  .usr-list .usr-list-item .list-item-img[data-v-6c09de66]:before {
          border-right: 1px solid #FFF;
  }
  .usr-list .usr-list-item .list-item-img[data-v-6c09de66]:before {
          border-bottom: 1px solid #FFF;
  }
  .usr-list .usr-list-item .list-item-img[data-v-6c09de66]:before {
          border-left: 1px solid #FFF;
  }
  .usr-list .usr-list-item .list-item-img img[data-v-6c09de66] {
          width: 100%;
          height: 100%;
          border-radius: 50%;
  }
  .usr-list .usr-list-item .list-item-name[data-v-6c09de66] {
        font-size: 0.85em;
        text-align: center;
        color: white;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 69px;
        display: inline-block;
        overflow: hidden;
        margin-top: 9px;
  }
  .setMiddle[data-v-6c09de66] {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .success[data-v-6c09de66] {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .success-pay[data-v-6c09de66] {
    background-color: rgba(228, 228, 228, 0.3);
  }
  
  @charset "UTF-8";
  .success-detail[data-v-6c03f4aa] {
    margin: 3.1em 15px 0 15px;
    background: #FFFFFF;
    border-radius: 8px;
  }
  .success-detail .success-detail-logo[data-v-6c03f4aa] {
      width: 100%;
      height: 5.8em;
      position: relative;
      top: -2.4em;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .success-detail .success-detail-logo .detail-logo-outer[data-v-6c03f4aa] {
        width: 5.8em;
        height: 100%;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        background-image: linear-gradient(-97deg, #FB6665 0%, #FB6966 100%);
        border-radius: 50%;
  }
  .success-detail .success-detail-logo .detail-logo-outer .detail-logo-inner[data-v-6c03f4aa] {
          width: 5em;
          height: 5em;
          border: 1px solid #FFFFFF;
          border-radius: 50%;
  }
  .success-detail .success-detail-logo .detail-logo-outer .detail-logo-inner img[data-v-6c03f4aa] {
            width: 100%;
            height: 100%;
            border-radius: 50%;
  }
  .success-detail .success-detail-title[data-v-6c03f4aa] {
      margin-top: -20px;
      font-size: 1em;
      color: #222222;
      text-align: center;
  }
  .success-detail .success-detail-content[data-v-6c03f4aa] {
      margin-top: 7px;
      text-align: center;
      font-size: 1.2em;
      color: #222222;
  }
  .success-detail .success-detail-tips[data-v-6c03f4aa] {
      margin-top: 7px;
      text-align: center;
      font-size: 12px;
      color: #888;
  }
  .success-detail .success-detail-tips span[data-v-6c03f4aa] {
        color: #e74c75;
  }
  .success-detail .success-detail-usr[data-v-6c03f4aa] {
      margin-top: 16px;
      padding-bottom: 21px;
  }
  .reverse-time[data-v-6c03f4aa] {
    margin-top: 1.7em;
    font-size: 1em;
    color: #fff;
  }
  .reverse-time .reverse-time-tips[data-v-6c03f4aa] {
      opacity: 0.7;
      text-align: center;
  }
  .reverse-time .reverse-time-tips[data-v-6c03f4aa]:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 1px;
        opacity: 0.5;
        background: #FFFFFF;
        margin-right: 5px;
        position: relative;
        top: -4px;
  }
  .reverse-time .reverse-time-tips[data-v-6c03f4aa]:after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 1px;
        opacity: 0.5;
        background: #FFFFFF;
        margin-left: 5px;
        position: relative;
        top: -4px;
  }
  .reverse-time .reverse-time-change[data-v-6c03f4aa] {
      margin-top: 9px;
      text-align: center;
  }
  .reverse-time .reverse-time-change .reverse-time-changing[data-v-6c03f4aa] {
        text-decoration: underline;
        color: #FFFFFF;
  }
  .reverse-time .reverse-time-show[data-v-6c03f4aa] {
      margin: 15px 15px 0 15px;
      height: 44px;
      background: #FFFFFF;
      border-radius: 4px;
  }
  .reverse-time .reverse-time-show .show-shop-time[data-v-6c03f4aa] {
        display: inline-block;
        font-size: 14px;
        color: #888888;
        margin-left: 16px;
        line-height: 44px;
  }
  .reverse-time .reverse-time-show .show-reverse-date[data-v-6c03f4aa] {
        margin-left: 15px;
        display: inline-block;
        font-size: 14px;
        color: #222;
        line-height: 44px;
  }
  .shop-info[data-v-6c03f4aa] {
    margin-top: 2.7em;
    font-size: 1em;
    color: #fff;
  }
  .shop-info .shop-info-aside[data-v-6c03f4aa] {
      opacity: 0.7;
      text-align: center;
  }
  .shop-info .shop-info-aside[data-v-6c03f4aa]:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 1px;
        opacity: 0.5;
        background: #FFFFFF;
        margin-right: 5px;
        position: relative;
        top: -4px;
  }
  .shop-info .shop-info-aside[data-v-6c03f4aa]:after {
        content: '';
        display: inline-block;
        width: 20px;
        height: 1px;
        opacity: 0.5;
        background: #FFFFFF;
        margin-left: 5px;
        position: relative;
        top: -4px;
  }
  .shop-info .shop-info-detail[data-v-6c03f4aa] {
      margin: 15px 15px 0 15px;
  }
  .shop-info .shop-info-detail .service-info[data-v-6c03f4aa] {
        background: #FFFFFF;
        border-radius: 4px;
        height: 4.2em;
  }
  .shop-info .shop-info-detail .service-info img[data-v-6c03f4aa] {
          display: inline-block;
          width: 40px;
          height: 40px;
          margin-left: 10px;
  }
  .shop-info .shop-info-detail .service-info span[data-v-6c03f4aa] {
          display: inline-block;
          font-size: 14px;
          color: #333333;
          vertical-align: text-bottom;
          margin-left: 10px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 200px;
  }
  .shop-info .shop-info-detail .shop-address[data-v-6c03f4aa] {
        background: #FFFFFF;
        border-radius: 4px;
        height: 3.1em;
        margin-top: 10px;
  }
  .shop-info .shop-info-detail .shop-address span[data-v-6c03f4aa] {
          display: inline-block;
          font-size: 14px;
          color: #333333;
          vertical-align: text-bottom;
          margin-left: 10px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 200px;
          padding-bottom: 2px;
  }
  .shop-info .shop-info-detail .shop-tel[data-v-6c03f4aa] {
        background: #FFFFFF;
        border-radius: 4px;
        height: 3.1em;
        margin-top: 10px;
  }
  .shop-info .shop-info-detail .shop-tel span[data-v-6c03f4aa] {
          display: inline-block;
          font-size: 14px;
          color: #333333;
          vertical-align: text-bottom;
          margin-left: 10px;
  }
  .btn[data-v-6c03f4aa] {
    margin: 24px 87px 0 87px;
    height: 4.6em;
  }
  .btn .btn-size[data-v-6c03f4aa] {
      width: 100%;
      height: 2.7em;
      border: 1px solid #FFFFFF;
      border-radius: 100px;
      font-size: 1em;
      color: #FFFFFF;
      line-height: 2.7em;
  }
  .muck[data-v-6c03f4aa] {
    width: 100%;
    height: 4.6em;
    background-color: rgba(7, 5, 5, 0.7);
    position: fixed;
    top: 0;
    font-size: 1em;
    color: #FFFFFF;
    line-height: 4.6em;
    text-indent: 50px;
  }
  .muck .muck-img[data-v-6c03f4aa] {
      display: inline-block;
      width: 30px;
      height: 30px;
  }
  .muck .muck-img img[data-v-6c03f4aa] {
        width: 100%;
        height: 100%;
        margin-left: -35px;
        margin-top: 6px;
  }
  .set-flex[data-v-6c03f4aa] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .left[data-v-6c03f4aa] {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .right[data-v-6c03f4aa] {
    display: inline-block;
    margin-right: 10px;
  }
  .icon-address[data-v-6c03f4aa] {
    margin-left: 0.8em;
  }
  
  /*閫傞厤瀹藉害灏忎簬375px*/
  @media screen and (min-width: 375px) {
  .shop-info .shop-info-detail .shop-address span[data-v-6c03f4aa] {
      width: 270px;
  }
  }
  
  .title[data-v-b04e3640] {
    padding: 17px 15px;
    font-size: 17px;
    color: #222;
    font-weight: normal;
    background-color: #fff;
  }
  
  .tag[data-v-dc40ce30] {
    margin-bottom: 10px;
    padding: 0 16px;
    background: #FAFAFA;
  }
  .tag[data-v-dc40ce30]:before {
      border-top: 1px solid #E5E5E5;
  }
  .tag span[data-v-dc40ce30] {
      position: relative;
      padding-left: 15px;
      font-size: 12px;
      color: #888;
      margin-right: 20px;
      margin-top: 10px;
      margin-bottom: 10px;
      display: inline-block;
  }
  .tag span[data-v-dc40ce30]:before {
        position: absolute;
        left: 0;
        content: '';
        float: left;
        width: 12px;
        height: 12px;
        margin-right: 4px;
        background: url(//b.yzcdn.cn/beauty/wap/9154b1b31b87207692e795385791859f.png) no-repeat;
        background-size: cover;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .container[data-v-8a46dfb2] {
    margin: 10px 0;
    background-color: #fff;
  }
  .f-thin[data-v-8a46dfb2]:before {
    border-top: 1px solid #e5e5e5;
  }
  .title[data-v-8a46dfb2] {
    height: 46px;
    line-height: 46px;
    margin: 0 15px;
    background-color: #fff;
    font-size: 14px;
    color: #666666;
  }
  .item[data-v-8a46dfb2] {
    position: relative;
    margin: 0 15px;
    padding-left: 57px;
    padding-bottom: 13px;
  }
  .item[data-v-8a46dfb2]:first-child {
    border-bottom: none;
  }
  .logo[data-v-8a46dfb2] {
    position: absolute;
    left: 0;
    top: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
  }
  .distance[data-v-8a46dfb2] {
    position: absolute;
    top: 14px;
    right: 2px;
    font-size: 11px;
    color: #999999;
    letter-spacing: -0.27px;
  }
  .name[data-v-8a46dfb2] {
    padding-top: 16px;
    font-size: 15px;
    color: #222222;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 80px;
  }
  .address[data-v-8a46dfb2] {
    margin-top: 6px;
    font-size: 12px;
    color: #999999;
    line-height: 14px;
    line-height: 1.5em;
  }
  .desc[data-v-8a46dfb2] {
    margin-top: 10px;
    height: 18px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .price[data-v-8a46dfb2] {
    font-size: 18px;
    line-height: 18px;
    margin-right: 6px;
    font-weight: 300;
  }
  .price-origin[data-v-8a46dfb2] {
    font-size: 14px;
    color: #CCCCCC;
    line-height: 14px;
    margin-right: 8px;
    text-decoration: line-through;
  }
  .rake-off[data-v-8a46dfb2] {
    color: #F8A93A;
    margin-left: 6px;
  }
  .selected[data-v-8a46dfb2] {
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-138deg, #ED564D 0%, #E84C75 100%);
    width: 33px;
    height: 33px;
  }
  .more[data-v-8a46dfb2] {
    height: 50px;
    line-height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .total[data-v-8a46dfb2] {
    font-size: 10px;
    color: #888888;
    line-height: 10px;
    margin-bottom: 7px;
  }
  .icon-arrow[data-v-8a46dfb2], .icon-arrow-down[data-v-8a46dfb2], .icon-arrow-up[data-v-8a46dfb2] {
    border-left: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 6px;
    height: 6px;
  }
  .icon-arrow-down[data-v-8a46dfb2] {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .icon-arrow-up[data-v-8a46dfb2] {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .icon-select[data-v-8a46dfb2] {
    position: absolute;
    right: -15px;
    bottom: 0;
    font-size: 33px;
    width: 33px;
    height: 33px;
  }
  .icon-label[data-v-8a46dfb2] {
    height: 14px;
    line-height: 14px;
    box-sizing: border-box;
    font-size: 10px;
    padding: 0 3px;
  }
  
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  div[data-v-65e85a7a] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    text-align: left;
  }
  .card[data-v-65e85a7a] {
    padding: 17px 15px 15px 15px;
  }
  .card > div[data-v-65e85a7a] {
    border-radius: 8px;
    width: 100%;
    height: 154px;
    padding: 20px 20px 20px 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .card > div .top[data-v-65e85a7a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .card > div .top .left[data-v-65e85a7a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .card > div .top .left .shop-head[data-v-65e85a7a] {
    border: 1px solid #ffffff;
    width: 24px;
    height: 24px;
    border-radius: 100%;
  }
  .card > div .top .left .title[data-v-65e85a7a] {
    margin-left: 5px;
  }
  .card > div .top .left .title .shop-name[data-v-65e85a7a] {
    font-size: 14px;
    color: #fff;
  }
  .card > div .top .left .title .card-name[data-v-65e85a7a] {
    font-size: 12px;
    color: #fff;
  }
  .card > div .top .qr[data-v-65e85a7a] {
    width: 26px;
    height: 26px;
  }
  .card > div .middle[data-v-65e85a7a] {
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end;
  }
  .card > div .bottom[data-v-65e85a7a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .card > div .bottom .left[data-v-65e85a7a] {
    color: #fff;
  }
  .card > div .bottom .right[data-v-65e85a7a] {
    color: #fff;
  }
  .card > div .bottom .right .u[data-v-65e85a7a] {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 12px;
    text-align: right;
  }
  .card > div .bottom .right .d[data-v-65e85a7a] {
    font-family: PingFangSC-Medium;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 2px;
  }
  .space[data-v-65e85a7a] {
    height: 10px;
  }
  .links a[data-v-65e85a7a] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .links .bt[data-v-65e85a7a]:before {
    border-top: 1px solid #e5e5e5;
  }
  .links .bd[data-v-65e85a7a]:before {
    border-bottom: 1px solid #e5e5e5;
  }
  .links .header[data-v-65e85a7a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 45px;
    background-color: #fff;
    padding: 0 15px 0 15px;
  }
  .links .header .left[data-v-65e85a7a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .links .header .left img[data-v-65e85a7a] {
    width: 20px;
    height: 21px;
  }
  .links .header .left div[data-v-65e85a7a] {
    margin-left: 5px;
  }
  .links .header .right[data-v-65e85a7a] {
    width: 6px;
    height: 10px;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .links .header .trans[data-v-65e85a7a] {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .links .content[data-v-65e85a7a] {
    padding: 2px 15px 15px 15px;
    background-color: #fff;
  }
  .links .content .desc[data-v-65e85a7a] {
    font-size: 12px;
    line-height: 18px;
    word-wrap: break-word;
  }
  .tail[data-v-65e85a7a] {
    height: 80px;
  }
  .poster[data-v-e3056f14] {
    padding: 45px 29px;
    background: #fff;
  }
  .poster .user-info[data-v-e3056f14] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 12px;
      color: #666;
  }
  .poster .user-info .avatar[data-v-e3056f14] {
        width: 29px;
        height: 29px;
        border-radius: 50%;
        margin-right: 8px;
  }
  .poster .user-info .info-item[data-v-e3056f14] {
        margin-right: 8px;
  }
  .poster .user-info .info-item[data-v-e3056f14]:last-child {
          position: relative;
          margin-left: 8px;
  }
  .poster .user-info .info-item[data-v-e3056f14]:last-child::before {
            position: absolute;
            content: '';
            width: 1px;
            height: 12px;
            left: -8px;
            background: #d8d8d8;
  }
  .poster .user-info p[data-v-e3056f14] {
        line-height: 15px;
  }
  .poster .user-info .name[data-v-e3056f14] {
        font-weight: bold;
        color: #333;
        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
  }
  .poster .card[data-v-e3056f14] {
      position: relative;
      width: 310px;
      margin: 0 4px;
  }
  .poster .card[data-v-e3056f14]::before {
        position: absolute;
        top: -15px;
        left: -15px;
        z-index: 11;
        content: url("https://mei.youzan.com/api/node/common/img/proxy?url=https%3A%2F%2Fimg.yzcdn.cn%2Fpublic_files%2F2018%2F12%2F18%2Fbfe13097d91baff2a9f8b094dbf7461c.png");
  }
  .poster .card[data-v-e3056f14]::after {
        position: absolute;
        bottom: -15px;
        right: -15px;
        z-index: 11;
        content: url("https://mei.youzan.com/api/node/common/img/proxy?url=https%3A%2F%2Fimg.yzcdn.cn%2Fpublic_files%2F2018%2F12%2F18%2F008b92a9e5d9bf7ae1ec699ef7f037a0.png");
  }
  .poster .goods-info[data-v-e3056f14] {
      margin-top: 16px;
      padding: 0 16px;
  }
  .poster .goods-info .title[data-v-e3056f14] {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        line-height: 21px;
  }
  .poster .goods-info .price-wrap[data-v-e3056f14] {
        margin-top: 13px;
        font-size: 14px;
        color: #ccc;
  }
  .poster .goods-info .price-wrap .price[data-v-e3056f14] {
          display: inline-block;
          font-weight: bold;
          font-size: 16px;
          margin-right: 8px;
  }
  .poster .goods-info .price-wrap .origin-price[data-v-e3056f14] {
          text-decoration: line-through;
  }
  .poster .qr-wrap[data-v-e3056f14] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 58px;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 12px;
      color: #666;
  }
  .poster .qr-wrap .qr[data-v-e3056f14] {
        width: 84px;
        height: 84px;
        margin-bottom: 12px;
  }
  .poster .qr-wrap .desc[data-v-e3056f14] {
        line-height: 17px;
  }
  
  .card-price .info div.price-wrap .groupon-label[data-v-71943bcf] {
    background: url(//b.yzcdn.cn/beauty/wap/3d1b8e22f2014902ed9d2be9d4ec0ca8.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .card-price[data-v-71943bcf] {
    padding: 0 15px;
    background: #FFF;
    min-height: 92px;
  }
  .card-price .info h3[data-v-71943bcf] {
    padding: 17px 0 10px;
    font-size: 17px;
  }
  .card-price .info div.price-wrap[data-v-71943bcf] {
    line-height: 19px;
    padding-bottom: 21px;
  }
  .card-price .info div.price-wrap .light[data-v-71943bcf] {
    margin-right: 2px;
    font-size: 18px;
    color: #E94D75;
    vertical-align: middle;
  }
  .card-price .info div.price-wrap .gray[data-v-71943bcf] {
    vertical-align: baseline;
    font-size: 14px;
    color: #CACACA;
    margin-left: 10px;
    text-decoration: line-through;
    vertical-align: middle;
  }
  .card-price .info div.price-wrap .groupon-label[data-v-71943bcf] {
    background-position: 0 0;
    display: inline-block;
    width: 65px;
    height: 26px;
    color: #fff;
    line-height: 26px;
    padding-left: 3px;
    vertical-align: middle;
  }
  .card-price .count-down[data-v-71943bcf] {
    margin-top: 16px;
    background: #fff;
    height: 44px;
    line-height: 44px;
    margin: 0 -15px;
    padding-left: 16px;
    border-bottom: 0.5px solid #e5e5e5;
  }
  .card-price .count-down span[data-v-71943bcf] {
    font-size: 12px;
    color: #666666;
    vertical-align: middle;
  }
  .card-price .count-down span.time[data-v-71943bcf] {
    display: inline-block;
    background: #fff;
    font-size: 14px;
    padding: 0px 5px;
    border: 0.5px solid #E5E5E5;
    color: #222;
    line-height: 28px;
    height: 28px;
    box-sizing: border-box;
  }
  .card-price .count-down span.time .day[data-v-71943bcf] {
    display: inline-block;
    color: #222;
    font-size: 14px;
    border-right: 0.5px solid #E5E5E5;
    line-height: normal;
    margin-top: -4px;
    padding-right: 5px;
  }
  .card-price .count-down span.time .day .unit[data-v-71943bcf] {
    font-size: 8px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .card-price .info div.price-wrap .groupon-label[data-v-71943bcf] {
      background-image: url(//b.yzcdn.cn/beauty/wap/2bc004f2675e5d9d5a74406eedddfa79.png);
      background-size: 65px 26px;
  }
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  .panel[data-v-2c120f3d] {
    padding: 22px 15px 6px;
    margin-bottom: 10px;
    background: #FFF;
  }
  .panel .content[data-v-2c120f3d] {
    margin: 18px 0;
    font-size: 12px;
    color: #4A4A4A;
  }
  .panel .content p[data-v-2c120f3d] {
    line-height: 16px;
  }
  .panel .content pre[data-v-2c120f3d] {
    white-space: pre-wrap;
    word-break: break-all;
  }
  .panel .content .detail-img[data-v-2c120f3d] {
    width: 100%;
    display: block;
    margin-bottom: 4px;
  }
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .title[data-v-41bd5d35] {
    padding: 0 15px;
    background: #fff;
  }
  .title h3[data-v-41bd5d35] {
      padding: 17px 0 10px;
      font-size: 17px;
  }
  .title .price[data-v-41bd5d35] {
      line-height: 19px;
      padding-bottom: 21px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .title .price .real[data-v-41bd5d35] {
        margin-right: 2px;
        font-size: 18px;
  }
  .title .price .zeng[data-v-41bd5d35] {
        font-family: PingFangSC-Regular;
        font-size: 10px;
        line-height: 10px;
        border-radius: 1px;
        margin-left: 5px;
        padding: 1px 2px;
        padding: 4px;
  }
  .title .price .origin[data-v-41bd5d35] {
        margin-left: 10px;
        font-size: 14px;
        color: #CACACA;
        text-decoration: line-through;
  }
  .title .price .rake-off[data-v-41bd5d35] {
        color: #F8A93A;
        margin-left: 12px;
  }
  
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 棰滆壊鐩稿叧
   */
  div[data-v-648dafce] {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    text-align: left;
  }
  .count-down[data-v-648dafce] {
    background: #fff;
    height: 44px;
    line-height: 44px;
    padding-left: 15px;
    border-bottom: 0.5px solid #e5e5e5;
  }
  .count-down .label[data-v-648dafce] {
    font-size: 12px;
    color: #666;
  }
  .title[data-v-648dafce] {
    padding: 0 15px;
    background: #fff;
  }
  .title h3[data-v-648dafce] {
    padding: 17px 0 10px;
    font-size: 17px;
  }
  .title .price[data-v-648dafce] {
    padding-bottom: 21px;
  }
  .title .price .origin[data-v-648dafce] {
    margin-left: 10px;
    font-size: 14px;
    color: #CACACA;
    text-decoration: line-through;
    vertical-align: middle;
  }
  .space[data-v-648dafce] {
    height: 10px;
  }
  .action-nav-desc[data-v-648dafce] {
    font-size: 12px;
    margin-top: 4px;
  }
  .fs-16[data-v-648dafce] {
    font-size: 16px;
  }
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .groupon-collect-panel[data-v-2b1b256f] {
    margin-bottom: 10px;
    overflow: hidden;
    background: #fff;
  }
  .groupon-collect-panel.hide li[data-v-2b1b256f]:before {
      display: none;
  }
  .groupon-collect-panel .title[data-v-2b1b256f] {
      margin: 22px 0 8px;
  }
  .groupon-collect-panel .sub-title[data-v-2b1b256f] {
      margin-bottom: 15px;
      font-size: 12px;
      text-align: center;
      color: #9B9B9B;
  }
  .groupon-collect-panel .bottom[data-v-2b1b256f] {
      line-height: 50px;
      text-align: center;
      position: relative;
      border-radius: 0;
  }
  .groupon-collect-panel .bottom[data-v-2b1b256f]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .groupon-collect-panel .bottom > *[data-v-2b1b256f] {
        position: relative;
  }
  .groupon-collect-panel .bottom[data-v-2b1b256f]:before {
        border-top: 1px solid #e5e5e5;
  }
  .groupon-collect-panel .bottom[data-v-2b1b256f]:before {
        border-right: 0px solid #e5e5e5;
  }
  .groupon-collect-panel .bottom[data-v-2b1b256f]:before {
        border-bottom: 0px solid #e5e5e5;
  }
  .groupon-collect-panel .bottom[data-v-2b1b256f]:before {
        border-left: 0px solid #e5e5e5;
  }
  .groupon-collect-panel .bottom a[data-v-2b1b256f] {
        color: #888;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .groupon-collect-list[data-v-9560d22e] {
    margin: 0 15px;
    background: #fff;
  }
  .groupon-collect-list li[data-v-9560d22e] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 13px 0;
      position: relative;
      position: relative;
      border-radius: 0;
  }
  .groupon-collect-list li[data-v-9560d22e]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .groupon-collect-list li > *[data-v-9560d22e] {
        position: relative;
  }
  .groupon-collect-list li[data-v-9560d22e]:before {
        border-top: 1px solid #e5e5e5;
  }
  .groupon-collect-list li[data-v-9560d22e]:before {
        border-right: 0px solid #e5e5e5;
  }
  .groupon-collect-list li[data-v-9560d22e]:before {
        border-bottom: 0px solid #e5e5e5;
  }
  .groupon-collect-list li[data-v-9560d22e]:before {
        border-left: 0px solid #e5e5e5;
  }
  .groupon-collect-list li .avatar[data-v-9560d22e] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 10px;
  }
  .groupon-collect-list li .info[data-v-9560d22e] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
  }
  .groupon-collect-list li .info .name[data-v-9560d22e] {
          font-size: 15px;
          color: #222;
  }
  .groupon-collect-list li .info .desc[data-v-9560d22e] {
          font-size: 12px;
          color: #9b9b9b;
  }
  .groupon-collect-list li .info .desc i[data-v-9560d22e] {
            color: #E74C75;
  }
  .groupon-collect-list li .go-btn[data-v-9560d22e] {
        right: 0;
        position: absolute;
        right: 0;
        top: 18px;
        line-height: 30px;
        width: 64px;
        text-align: center;
        border-radius: 15px;
        color: #fff;
        font-size: 12px;
        background: linear-gradient(42deg, #ED564D 0%, #E84C75 100%);
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .groupon-collect-layer[data-v-feaa1708] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 20;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .groupon-collect-layer .content[data-v-feaa1708] {
      width: calc(100% - 30px);
      background: #fff;
      border-radius: 2px;
      position: relative;
  }
  .groupon-collect-layer .content .title[data-v-feaa1708] {
        margin: 25px 0 20px;
        font-size: 20px;
        text-align: center;
  }
  .groupon-collect-layer .content .list[data-v-feaa1708] {
        max-height: 330px;
        overflow: auto;
        margin: 0;
        padding: 0 15px;
  }
  .groupon-collect-layer .content .bottom[data-v-feaa1708] {
        line-height: 34px;
        font-size: 12px;
        color: #9b9b9b;
        text-align: center;
        position: relative;
        border-radius: 0;
  }
  .groupon-collect-layer .content .bottom[data-v-feaa1708]:before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          width: 200%;
          height: 200%;
          -webkit-transform-origin: left top;
              -ms-transform-origin: left top;
                  transform-origin: left top;
          -webkit-transform: scale(0.5);
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
          border-radius: 0;
          box-sizing: border-box;
  }
  .groupon-collect-layer .content .bottom > *[data-v-feaa1708] {
          position: relative;
  }
  .groupon-collect-layer .content .bottom[data-v-feaa1708]:before {
          border-top: 1px solid #e5e5e5;
  }
  .groupon-collect-layer .content .bottom[data-v-feaa1708]:before {
          border-right: 0px solid #e5e5e5;
  }
  .groupon-collect-layer .content .bottom[data-v-feaa1708]:before {
          border-bottom: 0px solid #e5e5e5;
  }
  .groupon-collect-layer .content .bottom[data-v-feaa1708]:before {
          border-left: 0px solid #e5e5e5;
  }
  .groupon-collect-layer .content .close[data-v-feaa1708] {
        position: absolute;
        right: 8px;
        top: 8px;
        opacity: .6;
  }
  
  .price[data-v-a7518ade] {
    padding: 0 15px 15px 15px;
    vertical-align: baseline;
    background-color: #fff;
  }
  .price .price1[data-v-a7518ade] {
      margin-right: 8px;
      font-size: 28px;
  }
  .price .price1 sub[data-v-a7518ade] {
        margin-right: 2px;
        font-size: 14px;
        vertical-align: baseline;
  }
  .price .price2[data-v-a7518ade] {
      font-size: 12px;
      color: #999;
      text-decoration: line-through;
  }
  .price .rake-off[data-v-a7518ade] {
      color: #F8A93A;
      margin-left: 8px;
  }
  .sale-info {
    padding: 0 15px 15px 15px;
    display: flex;
    background-color: #fff;
  }
  
  .sale-col {
    flex: 1;
    color: #999;
  }
  .t-c {
    text-align: center;
  }
  .t-r {
    text-align: right;
  }
  
  .prompt[data-v-78d0a53e] {
    position: absolute;
    bottom: 50px;
    height: 32px;
    width: 100%;
    text-align: center;
    line-height: 32px;
    color: #E18E22;
    background: #FFF8CC;
    font-size: 14px;
  }
  
  .head-container[data-v-d7c33d44] {
    position: relative;
  }
  
  .tag[data-v-97bb2234] {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    padding: 0 12px 0 12px;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    background: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
    font-size: 12px;
  }
  .tag .l[data-v-97bb2234] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .tag .l .price .sp[data-v-97bb2234] {
        height: 30px;
        font-size: 30px;
        position: relative;
  }
  .tag .l .label[data-v-97bb2234] {
        margin-left: 8px;
  }
  .tag .l .label .title[data-v-97bb2234] {
          position: relative;
          height: 18px;
          min-width: 48px;
          line-height: 18px;
          padding: 0 4px;
          border-radius: 2px;
          -webkit-transform: scale(0.66);
              -ms-transform: scale(0.66);
                  transform: scale(0.66);
          -webkit-transform-origin: right top;
              -ms-transform-origin: right top;
                  transform-origin: right top;
          color: #e84b74;
          background: #fff;
  }
  .tag .l .label .title[data-v-97bb2234]:before {
            position: absolute;
            top: 0;
            left: -4px;
            content: '';
            width: 0;
            height: 0;
            border: 4px solid #fff;
            border-bottom-color: transparent;
            border-left-color: transparent;
  }
  .tag .l .label .limit[data-v-97bb2234] {
          margin-left: 5px;
          height: 16px;
          min-width: 61px;
          line-height: 16px;
          padding: 0 4px;
          border-radius: 2px;
          -webkit-transform: scale(0.66);
              -ms-transform: scale(0.66);
                  transform: scale(0.66);
          -webkit-transform-origin: right top;
              -ms-transform-origin: right top;
                  transform-origin: right top;
          color: #fff;
          background: #F8AA35;
  }
  .tag .l .label .rp[data-v-97bb2234] {
          margin-top: 6px;
          text-decoration: line-through;
          opacity: 0.6;
  }
  .tag .r div[data-v-97bb2234]:first-child {
      margin-bottom: 5px;
  }
  .tag .r span[data-v-97bb2234] {
      display: inline-block;
      height: 16px;
      min-width: 16px;
      border-radius: 2px;
      line-height: 16px;
      text-align: center;
      background: #fff;
      color: #e74c75;
      margin-right: 2px;
  }
  .tag .r span[data-v-97bb2234]:not(:first-child) {
        margin-left: 2px;
  }
  .tag .drp[data-v-97bb2234] {
      height: 20px;
      background: #e74c75;
  }
  .tag .drp span[data-v-97bb2234] {
        padding: 0 10px 0 10px;
        text-decoration: line-through;
        opacity: 0.6;
  }
  
  .check-img[data-v-0ebbdafc] {
    padding: 86px 103px 34px 103px;
  }
  .check-img .check-img-size[data-v-0ebbdafc] {
      width: 100%;
      height: 100%;
  }
  .check-title[data-v-0ebbdafc] {
    font-size: 20px;
    color: #222222;
    text-align: center;
  }
  .check-tips[data-v-0ebbdafc] {
    margin-top: 11px;
    font-size: 14px;
    color: #666666;
    text-align: center;
  }
  .check-btn[data-v-0ebbdafc] {
    height: 44px;
    margin: 33px 105px 0 105px;
    background: #FFFFFF;
    border: 0.5px solid #CACACA;
    border-radius: 31px;
    font-size: 14px;
    color: #333333;
    line-height: 44px;
    text-align: center;
  }
  .recruit[data-v-0ebbdafc] {
    color: #666;
    border: none;
    line-height: 16px;
    margin-top: 15px;
    padding: 0 5px;
    display: inline-block;
    font-size: 14px;
  }
  
  .bg[data-v-57edce9a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 206px;
    background-image: linear-gradient(60deg, #26242F 0%, #4F4C5B 100%);
  }
  .store-header[data-v-57edce9a] {
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .store-msg[data-v-57edce9a] {
    line-height: 18px;
  }
  .user-info .status[data-v-57edce9a] {
    display: inline-block;
    margin-left: -10px;
    padding: 3px 7px;
    border: 1px solid #979797;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 400;
    color: #979797;
    line-height: 17px;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
  .act-reguler[data-v-57edce9a] {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 20px;
  }
  .act-reguler > span[data-v-57edce9a] {
      display: inline-block;
      padding: 4px 10px 4px 14px;
      font-size: 12px;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
      background-image: linear-gradient(60deg, #6E6B7B 0%, #393644 100%);
      color: #fff;
  }
  .btmTool[data-v-57edce9a] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  .shadow-dis[data-v-57edce9a] {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  }
  .available[data-v-57edce9a] {
    font-size: 32px;
  }
  ul .more-item[data-v-57edce9a] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border-radius: 6px;
    padding: 9px;
    margin: 16px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  ul .more-item .icon-item[data-v-57edce9a] {
      margin: 0 8px;
  }
  ul .more-item .icon-item > img[data-v-57edce9a] {
        width: 48px;
        height: 48px;
  }
  ul .more-item .info-item[data-v-57edce9a] {
      -webkit-flex: 2;
          -ms-flex: 2;
              flex: 2;
  }
  ul .more-item .info-item .title-item[data-v-57edce9a] {
        font-size: 15px;
        margin-bottom: 4px;
  }
  ul .more-item .info-item .small-title-item[data-v-57edce9a] {
        color: #888;
        font-size: 12px;
  }
  ul .more-item .icon-arrow[data-v-57edce9a] {
      text-align: right;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      display: block;
  }
  ul .more-item .icon-arrow svg[data-v-57edce9a] {
        width: 12px;
        height: 12px;
  }
  
  .center-container[data-v-6ca14c28] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -9;
    opacity: 0;
  }
  .mark-black[data-v-6ca14c28] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  .fadeIn[data-v-6ca14c28] {
    -webkit-animation-name: slideIn;
            animation-name: slideIn;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    z-index: 9 !important;
    opacity: 1;
  }
  .fadeOut[data-v-6ca14c28] {
    -webkit-animation-name: slideOut;
            animation-name: slideOut;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
  }
  @-webkit-keyframes slideIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @keyframes slideIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
  }
  @-webkit-keyframes slideOut {
  0% {
      opacity: 1;
      z-index: 9;
  }
  100% {
      opacity: 0;
      z-index: 9;
  }
  }
  @keyframes slideOut {
  0% {
      opacity: 1;
      z-index: 9;
  }
  100% {
      opacity: 0;
      z-index: 9;
  }
  }
  
  .paper-container[data-v-7f7cd6da] {
    position: relative;
    width: 66%;
    padding: 0 36px 36px 36px;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
  }
  .paper-container .login-cancel[data-v-7f7cd6da] {
      display: inline-block;
      position: absolute;
      top: 16px;
      right: 16px;
      text-align: center;
  }
  .paper-container .login-cancel > span[data-v-7f7cd6da] {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 0 3px 0px;
        vertical-align: middle;
  }
  .paper-container .login-cancel > .svg[data-v-7f7cd6da] {
        display: inline;
        width: 18px;
        height: 18px;
        fill: #ccc;
  }
  
  .center-container[data-v-1eac4f5b] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .2s;
    z-index: -9;
  }
  .mark-black[data-v-1eac4f5b] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .regular-title[data-v-1eac4f5b] {
    text-align: center;
    font-size: 18px;
    padding: 36px 0 16px 0;
    font-weight: bolder;
  }
  .regular-title > .svg[data-v-1eac4f5b] {
      display: inline;
      width: 18px;
      height: 18px;
      margin: 0 8px 0 8px;
  }
  ol[data-v-1eac4f5b] {
    line-height: 16px;
  }
  ol > li[data-v-1eac4f5b] {
    list-style-type: decimal;
    margin-left: 8px;
    padding-bottom: 4px;
  }
  
  .list-invite li[data-v-4a5948e0]:last-child {
    border-bottom: none !important;
  }
  .bt-tool[data-v-4a5948e0] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .list-invite[data-v-4a5948e0] {
    margin-bottom: 45px;
  }
  .bottom-nav[data-v-4a5948e0] {
    color: #666;
    height: 50px;
    line-height: 50px;
  }
  .bottom-nav[data-v-4a5948e0]:before {
      border: 1px solid #E5E5E5;
  }
  
  .poster[data-v-4e9330f2] {
    width: 314px;
    height: 500px;
    padding: 10px;
    box-sizing: border-box;
    background: #252324;
  }
  .poster .content[data-v-4e9330f2] {
      width: 100%;
      height: 100%;
      border: 1px rgba(217, 188, 154, 0.4) solid;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      font-family: PingFangSC-Medium;
      color: #D9C180;
  }
  .poster .content .avatar[data-v-4e9330f2] {
        width: 40px;
        height: 40px;
        border: 2px solid #FFFFFF;
        border-radius: 100%;
        margin-top: 22px;
  }
  .poster .content .name[data-v-4e9330f2] {
        font-size: 17px;
        margin-top: 11px;
  }
  .poster .content .slogan[data-v-4e9330f2] {
        font-size: 30px;
        letter-spacing: 0;
        margin-top: 7px;
  }
  .poster .content .mid[data-v-4e9330f2] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 46px;
  }
  .poster .content .mid .brand[data-v-4e9330f2] {
          font-size: 20px;
  }
  .poster .content .mid .dec[data-v-4e9330f2] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          margin: 8px 0;
  }
  .poster .content .mid .dec .line[data-v-4e9330f2] {
            background: #E0C18A;
            width: 44px;
            height: 1px;
  }
  .poster .content .mid .dec .dot[data-v-4e9330f2] {
            border: 1px solid #E0C18A;
            height: 4px;
            width: 4px;
            margin: 0 4px;
            border-radius: 100%;
  }
  .poster .content .mid .zhao[data-v-4e9330f2] {
          font-family: PingFangSC-Regular;
          font-size: 13px;
  }
  .poster .content .link[data-v-4e9330f2] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 20px;
  }
  .poster .content .link .code[data-v-4e9330f2] {
          width: 150px;
          height: 150px;
          padding: 10px;
          background: #fff;
          position: relative;
  }
  .poster .content .link .code .pic[data-v-4e9330f2] {
            width: 100%;
            height: 100%;
  }
  .poster .content .link .code .logo[data-v-4e9330f2] {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 36px;
            height: 36px;
            border: 2px solid #FFFFFF;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
            border-radius: 8px;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
  }
  .poster .content .link .pro[data-v-4e9330f2] {
          font-family: PingFangSC-Regular;
          font-size: 10px;
          margin-top: 11px;
  }
  
  .distribution-list-container {
    padding-top: 15px;
  }
  .distribution-list-container ul {
      background: #FFF;
      padding-top: 15px;
      padding: 0 15px;
  }
  .distribution-list-container ul li {
        padding: 16px 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        list-style: none;
  }
  .distribution-list-container ul li:before {
          border-bottom: 1px solid #E5E5E5;
  }
  .distribution-list-container ul li:last-child:before {
          border-bottom: none;
  }
  .distribution-list-container ul li .img-warp {
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          display: inline-block;
          width: 40px;
          height: 40px;
          border-radius: 100%;
          overflow: hidden;
          background: #F4F4F4;
  }
  .distribution-list-container ul li .img-warp img {
            width: 100%;
            height: 100%;
  }
  .distribution-list-container ul li .info {
          display: block;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          padding-left: 16px;
  }
  .distribution-list-container ul li .info .alias {
            font-size: 16px;
  }
  .distribution-list-container ul li .info .number {
            padding-top: 4px;
            color: #888;
  }
  .distribution-list-container ul li .money {
          display: block;
          -webkit-flex: 2;
          -ms-flex: 2;
          flex: 2;
          color: #888;
          text-align: right;
  }
  .distribution-list-container ul li .money .green {
            color: #54bb86;
  }
  .distribution-list-container ul li .money .status {
            color: #999;
            padding-bottom: 10px;
  }
  .distribution-list-container .bottom-nav {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      color: #666;
      height: 50px;
      line-height: 50px;
      text-align: center;
      display: block;
      font-size: 14px;
  }
  .distribution-list-container.empty {
      text-align: center;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-top: 0;
  }
  .distribution-list-container.empty p {
        text-align: center;
        padding-bottom: 12px;
        color: #888;
  }
  .distribution-list-container.empty .bt {
        margin: 0 auto;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        padding: 8px 16px;
  }
  .distribution-list-container.empty .bt:before {
          border-radius: 100px;
  }
  
  .bg-item[data-v-7185b29b] {
    background: #F9F9F9;
  }
  
  .menu li .icon.income[data-v-1ba0d7dd],
  .menu li .icon.record[data-v-1ba0d7dd] {
    background: url(//b.yzcdn.cn/beauty/wap/e63f654ec061acae11753f9081667648.png) no-repeat -9999px -9999px;
  }
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * css涓夎褰�
  */
  .header[data-v-1ba0d7dd] {
    height: 260px;
    background: linear-gradient(240deg, #26242F 0%, #4F4C5B 100%);
    text-align: center;
    color: #fff;
  }
  .header .title[data-v-1ba0d7dd] {
    padding-top: 50px;
    font-size: 14px;
    opacity: .7;
  }
  .header .money[data-v-1ba0d7dd] {
    margin-top: 10px;
    font-size: 40px;
  }
  .header .tip[data-v-1ba0d7dd] {
    margin-top: 12px;
    font-size: 12px;
    opacity: .7;
  }
  .header .opr .btn[data-v-1ba0d7dd] {
    display: inline-block;
    height: 38px;
    width: 180px;
    margin-top: 48px;
    line-height: 38px;
    border-radius: 32px;
    position: relative;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
  }
  .header .opr .btn[data-v-1ba0d7dd]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 0;
    box-sizing: border-box;
  }
  .header .opr .btn > *[data-v-1ba0d7dd] {
    position: relative;
  }
  .header .opr .btn[data-v-1ba0d7dd]:before {
    border-top: 1px solid rgba(255, 255, 255, 0.66);
  }
  .header .opr .btn[data-v-1ba0d7dd]:before {
    border-right: 1px solid rgba(255, 255, 255, 0.66);
  }
  .header .opr .btn[data-v-1ba0d7dd]:before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.66);
  }
  .header .opr .btn[data-v-1ba0d7dd]:before {
    border-left: 1px solid rgba(255, 255, 255, 0.66);
  }
  .menu[data-v-1ba0d7dd] {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .menu li[data-v-1ba0d7dd] {
    font-size: 14px;
    line-height: 50px;
  }
  .menu li .icon[data-v-1ba0d7dd] {
    width: 26px;
    height: 26px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
  }
  .menu li .icon.income[data-v-1ba0d7dd] {
    background-position: 0 0;
  }
  .menu li .icon.record[data-v-1ba0d7dd] {
    background-position: -36px 0;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .menu li .icon.income[data-v-1ba0d7dd],
    .menu li .icon.record[data-v-1ba0d7dd] {
      background-image: url(//b.yzcdn.cn/beauty/wap/77c79c498e9c2f868c37aac9302c90f1.png);
      background-size: 62px 26px;
  }
  }
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .container .tit[data-v-d9c63566] {
    line-height: 32px;
    padding-left: 15px;
    color: #222;
  }
  .container .month-warp[data-v-d9c63566] {
    color: #222;
    background: #FFF;
  }
  .container .month-warp a[data-v-d9c63566] {
      margin: 0 15px;
      padding: 20px 0  15px 52px;
      display: block;
      height: 70px;
      box-sizing: border-box;
      position: relative;
      display: block;
  }
  .container .month-warp a[data-v-d9c63566]:before {
        border-bottom: 1px solid #E5E5E5;
  }
  .container .month-warp a[data-v-d9c63566]:last-child::before {
        border-bottom: none;
  }
  .container .month-warp a i[data-v-d9c63566] {
        display: inline-block;
        width: 42px;
        height: 42px;
        background: url(//b.yzcdn.cn/beauty/wap/2dd5e2f32f4839a6ccc33efaa525fc80.png) center no-repeat;
        background-size: 100%;
        position: absolute;
        left: 0;
        top: 14px;
        opacity: 0.95;
  }
  .container .month-warp a .top[data-v-d9c63566] {
        font-size: 14px;
        color: #222;
  }
  .container .month-warp a .bottom[data-v-d9c63566] {
        padding-top: 6px;
        font-size: 12px;
        color: #888;
  }
  .container .month-warp a .bottom .status[data-v-d9c63566] {
          display: inline-block;
          text-align: right;
          min-width: 48px;
          margin-left: 5px;
  }
  .container .month-warp a .bottom .status.status-1[data-v-d9c63566] {
            color: #F8A93A;
  }
  .container .month-warp a .bottom .status.status-2[data-v-d9c63566] {
            color: #F8A93A;
  }
  .container .month-warp a .bottom .status.status-3[data-v-d9c63566] {
            color: #FF4444;
  }
  .container .month-warp a .bottom .status.status-5[data-v-d9c63566] {
            color: #FF4444;
  }
  .container .month-warp a .bottom .fail[data-v-d9c63566] {
          font-size: 10px;
  }
  .container .empty[data-v-d9c63566] {
    color: #999;
    font-size: 14px;
    padding-bottom: 50px;
  }
  
  @charset "UTF-8";
  /**
   * 棰滆壊鐩稿叧
   */
  .container .tit[data-v-0a6768f5] {
    line-height: 32px;
    padding-left: 15px;
    color: #222;
  }
  .container ul[data-v-0a6768f5] {
    color: #222;
    background: #FFF;
  }
  .container ul li[data-v-0a6768f5] {
      margin: 0 15px;
      padding: 20px 0  15px 52px;
      display: block;
      height: 70px;
      box-sizing: border-box;
      position: relative;
      font-size: 14px;
  }
  .container ul li[data-v-0a6768f5]:before {
        border-bottom: 1px solid #E5E5E5;
  }
  .container ul li[data-v-0a6768f5]:last-child::before {
        border-bottom: none;
  }
  .container ul li i[data-v-0a6768f5] {
        display: inline-block;
        width: 42px;
        height: 42px;
        position: absolute;
        left: 0;
        top: 14px;
        background: url(//b.yzcdn.cn/beauty/wap/41913a04f4efd4864f6a5e2bb1cf2bce.png) center no-repeat;
        background-size: 100%;
        opacity: 0.95;
  }
  .container ul li i.ico-1[data-v-0a6768f5] {
          background: url(//b.yzcdn.cn/beauty/wap/7c2c39240009c5e5d4687f64afd30e67.png) center no-repeat;
          background-size: 100%;
  }
  .container ul li i.ico-2[data-v-0a6768f5] {
          background: url(//b.yzcdn.cn/beauty/wap/c9adceca3f07326527704e0c13b447d6.png) center no-repeat;
          background-size: 100%;
  }
  .container ul li .l .type[data-v-0a6768f5] {
        color: #222;
  }
  .container ul li .l .type .name[data-v-0a6768f5] {
          color: #888;
  }
  .container ul li .l .time[data-v-0a6768f5] {
        color: #888;
        font-size: 12px;
        padding-top: 6px;
  }
  .container ul li .r[data-v-0a6768f5] {
        height: 100%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 14px;
        padding-right: 5px;
  }
  .container ul li .arrow[data-v-0a6768f5] {
        position: absolute;
        width: 6px;
        height: 10px;
        right: -6px;
        top: 50%;
        margin-top: -3px;
  }
  .container .empty[data-v-0a6768f5] {
    color: #999;
    font-size: 14px;
    padding-bottom: 50px;
  }
  
  .submit .bar .logo[data-v-7b3690c3] {
    background: url(//b.yzcdn.cn/beauty/wap/ff1a314ac094cf27a96f50f73dc2236c.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .submit .bar[data-v-7b3690c3] {
    height: 70px;
    margin-top: 10px;
    padding-left: 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #fff;
  }
  .submit .bar .logo[data-v-7b3690c3] {
    width: 43px;
    height: 43px;
    margin-right: 10px;
    background-position: 0 0;
  }
  .submit .bar .text .title[data-v-7b3690c3] {
    margin-bottom: 10px;
    font-size: 15px;
  }
  .submit .bar .text .name[data-v-7b3690c3] {
    font-size: 12px;
    color: #888;
  }
  .submit .input[data-v-7b3690c3] {
    margin-top: 10px;
    height: 144px;
    padding: 0 15px;
    background: #fff;
    overflow-y: hidden;
  }
  .submit .input .money[data-v-7b3690c3] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px;
    height: 50px;
    padding-bottom: 22px;
    font-size: 40px;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .submit .input .money input[data-v-7b3690c3] {
    margin-left: 8px;
    font-size: 44px;
    border: 0;
  }
  .submit .input .money input[data-v-7b3690c3]::-webkit-input-placeholder {
    font-size: 30px;
    line-height: 50px;
  }
  .submit .input .money input[data-v-7b3690c3]:-ms-input-placeholder {
    font-size: 30px;
    line-height: 50px;
  }
  .submit .input .money input[data-v-7b3690c3]::placeholder {
    font-size: 30px;
    line-height: 50px;
  }
  .submit .input .tip[data-v-7b3690c3] {
    line-height: 34px;
    border-top: 1px solid #f4f4f4;
    color: #888;
  }
  .submit .input .tip .all[data-v-7b3690c3] {
    float: right;
    color: #4A90E3;
  }
  .submit .opr[data-v-7b3690c3] {
    margin-top: 40px;
    padding: 0 22px;
  }
  .submit .opr .confirm[data-v-7b3690c3] {
    height: 44px;
    display: block;
    border-radius: 44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
  }
  .submit .note[data-v-7b3690c3] {
    margin-top: 22px;
    padding: 0 45px;
    color: #9b9b9b;
    font-size: 12px;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .submit .bar .logo[data-v-7b3690c3] {
      background-image: url(//b.yzcdn.cn/beauty/wap/0c7d70008dd678bac365ba5b7f706b6a.png);
      background-size: 43px 43px;
  }
  }
  .confirm .close[data-v-e985151e] {
    background: url(//b.yzcdn.cn/beauty/wap/c33ffad84f276467d139f1c25269cbd1.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .confirm[data-v-e985151e] {
    width: 315px;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 4px;
    text-align: center;
  }
  .confirm .title[data-v-e985151e] {
    line-height: 53px;
    text-align: center;
    font-size: 16px;
  }
  .confirm .money[data-v-e985151e] {
    height: 110px;
  }
  .confirm .money > [data-v-e985151e]:first-child {
    margin-top: 27px;
    font-size: 14px;
    color: #666;
  }
  .confirm .money > [data-v-e985151e]:last-child {
    margin-top: 5px;
    font-size: 24px;
    color: #E74C75;
  }
  .confirm .opr .submit[data-v-e985151e] {
    font-size: 16px;
    line-height: 53px;
    display: block;
    background: linear-gradient(42deg, #ED564D 0%, #E84C75 100%);
    color: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .confirm .close[data-v-e985151e] {
    width: 20px;
    height: 20px;
    top: 8px;
    right: 9px;
    position: absolute;
    background-position: 0 0;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .confirm .close[data-v-e985151e] {
      background-image: url(//b.yzcdn.cn/beauty/wap/3e1d4a1aa4b72b13c7c5e02e1e0c08fe.png);
      background-size: 20px 20px;
  }
  }
  .status .step li.time[data-v-e6fccfc6]:after {
    background: url(//b.yzcdn.cn/beauty/wap/8d3c52866c489e11378d280a6036812b.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .status .step[data-v-e6fccfc6] {
    margin-top: 36px;
  }
  .status .step li[data-v-e6fccfc6] {
    position: relative;
    height: 80px;
    margin: 0 55px;
    padding-left: 27px;
    border-left: 1px dashed #03AF64;
    font-size: 14px;
    color: #888;
  }
  .status .step li .text[data-v-e6fccfc6] {
    position: relative;
    top: -2px;
  }
  .status .step li[data-v-e6fccfc6]:before {
    position: absolute;
    left: -5px;
    top: 0;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #03AF64;
  }
  .status .step li[data-v-e6fccfc6]:last-child {
    height: 50px;
    border-left-color: transparent;
  }
  .status .step li.cur .text[data-v-e6fccfc6] {
    font-size: 15px;
    color: #222;
    top: -4px;
  }
  .status .step li.time[data-v-e6fccfc6] {
    border-left-color: #e5e5e5;
  }
  .status .step li.time[data-v-e6fccfc6]:after {
    position: absolute;
    content: '';
    width: 32px;
    height: 32px;
    background-position: 0 0;
    left: -16px;
    top: -10px;
  }
  .status .step li.gray[data-v-e6fccfc6] {
    border-left-color: transparent;
  }
  .status .step li.gray[data-v-e6fccfc6]:before {
    background: #e5e5e5;
  }
  .status .info[data-v-e6fccfc6] {
    margin: 0 30px;
    border-top: 1px solid #d8d8d8;
    padding-top: 8px;
    font-size: 12px;
    line-height: 26px;
  }
  .status .info .item[data-v-e6fccfc6] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .status .info .item > [data-v-e6fccfc6]:first-child {
    color: #888;
  }
  .status .opr[data-v-e6fccfc6] {
    margin-top: 140px;
    text-align: center;
  }
  .status .opr .done[data-v-e6fccfc6] {
    line-height: 44px;
    border-radius: 22px;
    width: 200px;
    display: inline-block;
    color: #E74C75;
    font-size: 16px;
    border: 1px solid #E74C75;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .status .step li.time[data-v-e6fccfc6]:after {
      background-image: url(//b.yzcdn.cn/beauty/wap/3fe331c7940ea4631d4da6492e22c9fc.png);
      background-size: 32px 32px;
  }
  }
  
  .container[data-v-44cc86e7] {
    padding-top: 10px;
  }
  .container .list[data-v-44cc86e7] {
      background: #FFF;
      padding: 0 15px;
  }
  .container .list a[data-v-44cc86e7] {
        display: block;
        height: 146px;
  }
  .container .list a[data-v-44cc86e7]:before {
          border-bottom: 1px solid #E5E5E5;
  }
  .container .list a[data-v-44cc86e7]:last-child::before {
          border-bottom: none;
  }
  .container .list a .l[data-v-44cc86e7] {
          width: 108px;
          height: 108px;
          box-sizing: border-box;
          margin-top: 20px;
  }
  .container .list a .l img[data-v-44cc86e7] {
            width: 100%;
            height: 100%;
  }
  .container .list a .l.card[data-v-44cc86e7] {
            margin-top: 34px;
            height: 80px;
            background-size: 100% auto;
            background-position: center;
            background-repeat: no-repeat;
  }
  .container .list a .r[data-v-44cc86e7] {
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          color: #888;
          font-size: 12px;
          box-sizing: border-box;
          width: calc(100% - 108px);
          height: calc(100%);
  }
  .container .list a .r .warp[data-v-44cc86e7] {
            width: 100%;
            padding-left: 10px;
  }
  .container .list a .r .tit[data-v-44cc86e7] {
            color: #222;
            font-size: 14px;
  }
  .container .list a .r .price[data-v-44cc86e7] {
            line-height: 12px;
  }
  .container .list a .r .earning[data-v-44cc86e7] {
            line-height: 12px;
  }
  .container .list a .r .earning .pre[data-v-44cc86e7] {
              padding-right: 10px;
              margin-right: 10px;
  }
  .container .list a .r .earning .pre[data-v-44cc86e7]:before {
                border-right: 1px solid #E5E5E5;
  }
  .container .list a .r .opera[data-v-44cc86e7] {
            color: #FBB322;
            line-height: 24px;
            margin-top: 9px;
  }
  .container .list a .r .opera .bt[data-v-44cc86e7] {
              height: 24px;
              background-image: linear-gradient(120deg, #FCB719 0%, #F6A346 100%);
              border-radius: 13.5px;
              font-size: 12px;
              color: #FFF;
              padding: 0 14px;
  }
  .container .empty[data-v-44cc86e7] {
      font-size: 14px;
      color: #999;
      width: 100%;
      position: fixed;
      height: calc(50% - 42px);
      top: 42px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
  }
  .container .empty p[data-v-44cc86e7] {
        width: 100%;
        line-height: 20px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 130px;
        padding: 0 70px;
  }
  
  .head-container[data-v-cb939aca] {
    position: relative;
  }
  .f-14[data-v-cb939aca] {
    font-size: 12px;
  }
  .price[data-v-cb939aca] {
    font-size: 12px;
    margin-top: 3px;
  }
  
  .tag[data-v-251acb36] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 12px;
    font-family: PingFangSC-Regular;
  }
  .tag .top[data-v-251acb36] {
      display: inline-block;
      padding: 0 5px;
      height: 20px;
      line-height: 20px;
      background: #ED564D;
      color: #fff;
      border-top-right-radius: 2px;
      text-align: center;
  }
  .tag .bottom[data-v-251acb36] {
      width: 100%;
      height: 50px;
      padding: 0 12px 0 12px;
      box-sizing: border-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      color: #fff;
      background: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
  }
  .tag .bottom .l[data-v-251acb36] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
  }
  .tag .bottom .l .price .sp[data-v-251acb36] {
          height: 30px;
          font-size: 30px;
          position: relative;
  }
  .tag .bottom .l .label[data-v-251acb36] {
          margin-left: 8px;
  }
  .tag .bottom .l .label .title[data-v-251acb36] {
            position: relative;
            height: 18px;
            min-width: 48px;
            line-height: 18px;
            padding: 0 4px;
            border-radius: 2px;
            -webkit-transform: scale(0.66);
                -ms-transform: scale(0.66);
                    transform: scale(0.66);
            -webkit-transform-origin: right top;
                -ms-transform-origin: right top;
                    transform-origin: right top;
            color: #e84b74;
            background: #fff;
  }
  .tag .bottom .l .label .title[data-v-251acb36]:before {
              position: absolute;
              top: 0;
              left: -4px;
              content: '';
              width: 0;
              height: 0;
              border: 4px solid #fff;
              border-bottom-color: transparent;
              border-left-color: transparent;
  }
  .tag .bottom .l .label .limit[data-v-251acb36] {
            margin-left: 5px;
            height: 16px;
            min-width: 48px;
            line-height: 16px;
            padding: 0 4px;
            border-radius: 2px;
            -webkit-transform: scale(0.66);
                -ms-transform: scale(0.66);
                    transform: scale(0.66);
            -webkit-transform-origin: right top;
                -ms-transform-origin: right top;
                    transform-origin: right top;
            color: #fff;
            background: #F8AA35;
  }
  .tag .bottom .l .label .rp[data-v-251acb36] {
            margin-top: 6px;
            text-decoration: line-through;
            opacity: 0.6;
  }
  .tag .bottom .r[data-v-251acb36] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
  }
  .tag .bottom .r svg path[data-v-251acb36] {
          fill: inherit;
  }
  .tag .bottom .r .sold[data-v-251acb36] {
          fill: #fff;
  }
  .tag .bottom .r span[data-v-251acb36] {
          margin-left: 2px;
  }
  
  .header[data-v-08efd5db] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 50px;
    margin: 0 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  .header .title[data-v-08efd5db] {
      font-family: PingFangSC-Medium;
      font-size: 16px;
      color: #000;
  }
  .header .price[data-v-08efd5db] {
      font-family: PingFangSC-Regular;
      font-size: 13px;
      color: #9B9B9B;
  }
  .content[data-v-08efd5db] {
    padding: 25px 15px;
  }
  .content .item[data-v-08efd5db] {
      box-sizing: border-box;
      width: 100%;
      height: 36px;
      border: 1px solid #CACACA;
      border-radius: 20px;
      padding: 0 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .content .item[data-v-08efd5db]:not(:first-child) {
        margin-top: 13px;
  }
  .content .item.select[data-v-08efd5db] {
        background-image: linear-gradient(-138deg, #ED564D 0%, #E84C75 100%);
  }
  .content .item .l[data-v-08efd5db] {
        font-family: PingFangSC-Regular;
        font-size: 13px;
        color: #333;
  }
  .content .item .l.sel[data-v-08efd5db] {
          color: #fff;
  }
  .content .item .r[data-v-08efd5db] {
        font-family: PingFangSC-Medium;
        font-size: 16px;
        color: #E74C75;
  }
  .content .item .r.sel[data-v-08efd5db] {
          color: #fff;
  }
  
  .activity[data-v-79ad9128] {
    font-family: PingFangSC-Regular;
    background: #fff;
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 105px;
  }
  .activity[data-v-79ad9128]:before {
      border-top: 1px solid #e5e5e5;
  }
  .activity .item[data-v-79ad9128] {
      width: 130px;
      height: 60px;
      box-sizing: border-box;
      padding: 10px 15px;
      background: #FFF8FA;
      box-shadow: 2px 2px 4px 2px rgba(145, 145, 145, 0.1);
      border-radius: 1px;
      margin-left: 10px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      position: relative;
      background: url();
      background-size: contain;
  }
  .activity .item .title[data-v-79ad9128] {
        font-size: 12px;
        color: #666;
  }
  .activity .item .price[data-v-79ad9128] {
        font-size: 20px;
        margin-top: 5px;
        color: #E74C75;
  }
  .activity .item .select[data-v-79ad9128] {
        position: absolute;
        bottom: 4px;
        right: 4px;
  }
  
  .ct[data-v-d505460a] {
    height: 80px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: PingFangSC-Regular;
  }
  .ct .s1[data-v-d505460a] {
      font-size: 15px;
      color: #222;
  }
  .ct .s2[data-v-d505460a] {
      font-size: 15px;
      color: #222;
  }
  
  .preview .drag-box .del[data-v-2397df70] {
    background: url(//b.yzcdn.cn/beauty/wap/7646f59975203eb62174868191e652e8.png) no-repeat -9999px -9999px;
  }
  
  /* sprite-loader-enable */
  .preview[data-v-2397df70] {
    position: relative;
  }
  .preview .drag-box[data-v-2397df70] {
    position: relative;
    width: 100%;
  }
  .preview .drag-box[data-v-2397df70]:before {
    cursor: move;
  }
  .preview .drag-box .del[data-v-2397df70] {
    display: none;
    cursor: pointer;
    width: 14px;
    height: 14px;
    right: 0;
    top: 0;
    background-position: 0 0;
  }
  .preview .drag-box.sortable-ghost[data-v-2397df70] {
    opacity: 0;
  }
  .preview .drag-box.im[data-v-2397df70] {
    position: fixed;
    left: 0;
    bottom: 120px;
    z-index: 199;
    height: 60px;
    width: 120px;
  }
  .preview .drag-box.tel[data-v-2397df70] {
    position: fixed;
    left: 0;
    bottom: 190px;
    z-index: 199;
    height: 60px;
    width: 120px;
  }
  .preview:not(.dragging) .drag-box[data-v-2397df70]:hover:before,
  .preview:not(.dragging) .drag-box.active[data-v-2397df70]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border: 1px dashed #e74c75;
    z-index: 2;
  }
  .preview:not(.dragging) .drag-box:hover .del[data-v-2397df70] {
    display: block;
    position: absolute;
    z-index: 2;
  }
  @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and ( -webkit-min-device-pixel-ratio: 2),only screen and ( min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .preview .drag-box .del[data-v-2397df70] {
      background-image: url(//b.yzcdn.cn/beauty/wap/f329a6c7903bf495edc0af1185bf1fe4.png);
      background-size: 14px 14px;
  }
  }
  html::-webkit-scrollbar {
      display: none;
  }
  /* 閬僵搴曢儴bottom锛岀紪杈戞ā寮忎笅涓嶅厑璁哥偣鍑� */
  .design-edit-perview-body .bottom {
      position: relative;
      height: 0px;
  }
  .design-edit-perview-body .bottom:before{
      width: 100%;
      content: '';
      position: absolute;
      height: 110px;
      top: 0;
      left: 0;
      /* background: rgba(255, 0, 0, 0.2); */
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .bind-header[data-v-33215da6] {
    height: 115px;
    overflow: hidden;
  }
  .bind-header p[data-v-33215da6] {
      margin-top: 44px;
      margin-bottom: 51px;
      line-height: 20px;
      font-size: 20px;
  }
  .grid-input[data-v-33215da6] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50px;
    padding: 0 15px;
  }
  .grid-input[data-v-33215da6]:nth-child(1) {
      position: relative;
      border-radius: 0;
  }
  .grid-input[data-v-33215da6]:nth-child(1):before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .grid-input:nth-child(1) > *[data-v-33215da6] {
        position: relative;
  }
  .grid-input[data-v-33215da6]:nth-child(1):before {
        border-top: 0px solid #e5e5e5;
  }
  .grid-input[data-v-33215da6]:nth-child(1):before {
        border-right: 0px solid #e5e5e5;
  }
  .grid-input[data-v-33215da6]:nth-child(1):before {
        border-bottom: 1px solid #e5e5e5;
  }
  .grid-input[data-v-33215da6]:nth-child(1):before {
        border-left: 0px solid #e5e5e5;
  }
  .grid-input input[data-v-33215da6] {
      margin-left: 8px;
      border: 0 none;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-size: 14px;
      line-height: 14px;
  }
  .grid-input span[data-v-33215da6] {
      color: #E74C75;
  }
  .btn-wrap[data-v-33215da6] {
    margin-top: 30px;
    padding: 0 20px;
  }
  .btn-wrap .btn-w[data-v-33215da6] {
      border: 0.5px solid #E5E5E5;
  }
  .btn-wrap a[data-v-33215da6] {
      font-size: 16px;
      margin-bottom: 20px;
  }
  .text-wrap[data-v-33215da6] {
    padding: 0 50px;
    text-align: center;
    color: #A4A4A4;
    font-size: 12px;
    line-height: 17px;
  }
  
  .app_page[data-v-62268777] {
    background: #fff;
    padding: 74px 0 120px;
    position: absolute;
    z-index: 100;
  }
  .app_page .logo[data-v-62268777] {
      width: 75px;
      height: 75px;
      display: block;
      margin: -17px auto 0;
  }
  .app_page .content[data-v-62268777] {
      width: 279px;
      font-size: 12px;
      font-family: PingFang-SC-Regular;
      font-weight: 200;
      color: #666666;
      margin: 20px auto 0;
      line-height: 20px;
  }
  .app_page .newest[data-v-62268777] {
      font-size: 12px;
      font-family: STHeitiSC-Light;
      color: #393939;
      margin-top: 17px;
      text-align: center;
  }
  .app_page .download[data-v-62268777] {
      width: 279px;
      height: 37px;
      background: #57637a;
      border-radius: 20px;
      margin: 30px auto 0;
      font-size: 14px;
      font-weight: 300;
      color: #fff;
      text-align: center;
      line-height: 37px;
  }
  .app_page .introduce[data-v-62268777] {
      margin: 50px auto 10px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
  }
  .app_page .introduce .line[data-v-62268777] {
        width: 25%;
        height: .5px;
        background: #efefef;
  }
  .app_page .introduce span[data-v-62268777] {
        font-size: 20px;
        font-family: PingFang-SC-Regular;
        font-weight: 400;
        color: #333333;
        text-align: center;
        margin: 0 30px;
  }
  .app_page .top[data-v-62268777] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 74px;
      z-index: -10;
  }
  .app_page .bottom[data-v-62268777] {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 290px;
      z-index: -10;
  }
  .app_page .copyright[data-v-62268777] {
      position: absolute;
      bottom: 30px;
      left: 44%;
      font-size: 12px;
      font-family: STHeitiSC-Light;
      font-weight: 300;
      color: #909090;
  }
  .app_page .musk[data-v-62268777] {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: 200;
  }
  .app_page .musk .prompt[data-v-62268777] {
        position: absolute;
        top: 25px;
        right: 30px;
        color: #fff;
        font-size: 13px;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        line-height: 20px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end;
  }
  .app_page .musk .prompt .arrow[data-v-62268777] {
          width: 0;
          height: 0;
          border-left: 11px solid transparent;
          border-right: 11px solid transparent;
          border-bottom: 9px solid #eee;
          margin-bottom: 5px;
  }
  .app_page .swiper-container[data-v-62268777] {
      width: 100%;
      height: 100%;
  }
  .app_page .swiper-slide[data-v-62268777] {
      text-align: center;
      font-size: 18px;
      /* Center slide text vertically */
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 70%;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .quick[data-v-45c45e92] {
    padding: 0 20px;
  }
  .mgt-10[data-v-45c45e92] {
    margin-top: 10px;
  }
  .bar[data-v-45c45e92] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bar .msg[data-v-45c45e92] {
      position: relative;
      border-radius: 0;
      width: 60%;
      background: #fff;
      font-size: 14px;
      color: #222;
      line-height: 50px;
      text-align: center;
  }
  .bar .msg[data-v-45c45e92]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .bar .msg > *[data-v-45c45e92] {
        position: relative;
  }
  .bar .msg[data-v-45c45e92]:before {
        border-top: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-45c45e92]:before {
        border-right: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-45c45e92]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-45c45e92]:before {
        border-left: 1px solid #e5e5e5;
  }
  .bar .msg .time[data-v-45c45e92] {
        color: #E74C75;
  }
  .bar .btn[data-v-45c45e92] {
      width: 40%;
      background: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
      font-size: 16px;
      color: #fff;
  }
  
  .mgt-10[data-v-817a4770] {
    margin-top: 10px;
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .quick-time-container[data-v-193d95bb] {
    padding-bottom: 20px;
  }
  .mgt-10[data-v-193d95bb] {
    margin-top: 10px;
  }
  .detail[data-v-193d95bb] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .detail .duration[data-v-193d95bb] {
      font-size: 12px;
      margin-top: 4px;
  }
  .bar[data-v-193d95bb] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .bar.has-custom-nav[data-v-193d95bb] {
      bottom: 50px;
  }
  .bar .msg[data-v-193d95bb] {
      position: relative;
      border-radius: 0;
      width: 60%;
      background: #fff;
      font-size: 14px;
      color: #222;
      line-height: 50px;
      text-align: center;
  }
  .bar .msg[data-v-193d95bb]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .bar .msg > *[data-v-193d95bb] {
        position: relative;
  }
  .bar .msg[data-v-193d95bb]:before {
        border-top: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-193d95bb]:before {
        border-right: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-193d95bb]:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .bar .msg[data-v-193d95bb]:before {
        border-left: 1px solid #e5e5e5;
  }
  .bar .btn[data-v-193d95bb] {
      width: 40%;
      font-size: 16px;
  }
  /**
   * Swiper 4.3.5
   * Most modern mobile touch slider and framework with hardware accelerated transitions
   * http://www.idangero.us/swiper/
   *
   * Copyright 2014-2018 Vladimir Kharlampidi
   *
   * Released under the MIT License
   *
   * Released on: July 31, 2018
   */
  .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
  .pirate-swiper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
  }
  .pirate-swiper__back {
      cursor: pointer;
      position: absolute;
      padding: 20px 12px;
      z-index: 100;
  }
  .pirate-swiper__wrapper__img {
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  
  .staff .title[data-v-5bbab076] {
    font-size: 14px;
    color: #999;
    margin: 30px 0 20px 0;
    text-align: center;
  }
  .staff .info[data-v-5bbab076] {
    margin: 50px 20px 0 20px;
    padding: 50px 15px 0 15px;
    background: #fff;
    position: relative;
    border-radius: 10px;
  }
  .staff .info .avatar[data-v-5bbab076] {
      width: 80px;
      height: 80px;
      border: 3px solid #fff;
      border-radius: 50%;
      position: absolute;
      top: -30px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      background: #fff;
  }
  .staff .info .staff_info[data-v-5bbab076] {
      text-align: center;
  }
  .staff .info .staff_info .name[data-v-5bbab076] {
        font-size: 18px;
        color: #333;
        margin-top: 10px;
  }
  .staff .info .staff_info .title[data-v-5bbab076] {
        font-size: 14px;
        color: #999;
        margin-top: 10px;
  }
  .staff .info .staff_detail[data-v-5bbab076] {
      width: 100%;
      padding: 15px 0;
      border-top: 1px solid #e9e9e9;
      margin-top: 15px;
  }
  .staff .info .staff_detail li[data-v-5bbab076] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        line-height: 20px;
  }
  .staff .info .staff_detail li[data-v-5bbab076]:not(:last-child) {
          margin-bottom: 10px;
  }
  .staff .info .staff_detail li .l[data-v-5bbab076] {
          width: 30px;
          font-size: 14px;
          color: #999;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
  }
  .staff .info .staff_detail li .r[data-v-5bbab076] {
          font-size: 14px;
          color: #333;
          margin-left: 15px;
          width: 100%;
  }
  .staff .info .staff_detail li .r .shop[data-v-5bbab076] {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: space-between;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-align-items: flex-start;
                -ms-flex-align: start;
                    align-items: flex-start;
  }
  .staff .info .staff_detail li .r .address[data-v-5bbab076] {
            font-size: 12px;
            color: #999;
  }
  .staff .works ul[data-v-5bbab076] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .staff .works ul li[data-v-5bbab076] {
      width: 150px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
  }
  .staff .works ul li img[data-v-5bbab076] {
        width: 100%;
        height: 150px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
  }
  .staff .works ul li .name[data-v-5bbab076] {
        overflow: hidden;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        color: #333;
        background: #fff;
        padding: 0 8px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
  }
  .staff .works ul li[data-v-5bbab076]:not(:first-child) {
        margin-left: 10px;
  }
  .staff .works ul .more[data-v-5bbab076] {
      background: #fff;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: 4px;
  }
  .staff .works ul .more .circle[data-v-5bbab076] {
        width: 102px;
        height: 102px;
        border: 1px solid #f5f5f5;
        border-radius: 50%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
  }
  .staff .works ul .more .text[data-v-5bbab076] {
        font-size: 12px;
        color: #b4b4b4;
        text-align: center;
        margin-top: 10px;
  }
  .staff .services[data-v-5bbab076] {
    padding: 0 20px;
  }
  
  @charset "UTF-8";
  
  /* sprite-loader-enable */
  
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  
  /**
  * css涓夎褰�
  */
  .list-container[data-v-62353299] {
    padding: 0 0 12px 0;
  }
  .list-container .content[data-v-62353299] {
    padding: 10px 15px;
    background: #FFF;
    border-radius: 10px;
  }
  .list-container ul li[data-v-62353299] {
    padding: 15px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    position: relative;
    border-radius: 0;
  }
  .list-container ul li[data-v-62353299]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 0;
    box-sizing: border-box;
  }
  .list-container ul li > *[data-v-62353299] {
    position: relative;
  }
  .list-container ul li[data-v-62353299]:before {
    border-top: 0px solid #E5E5E5;
  }
  .list-container ul li[data-v-62353299]:before {
    border-right: 0px solid #E5E5E5;
  }
  .list-container ul li[data-v-62353299]:before {
    border-bottom: 1px solid #E5E5E5;
  }
  .list-container ul li[data-v-62353299]:before {
    border-left: 0px solid #E5E5E5;
  }
  .list-container ul li[data-v-62353299]:last-child {
    position: relative;
    border-radius: 0;
  }
  .list-container ul li[data-v-62353299]:last-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
    border-radius: 0;
    box-sizing: border-box;
  }
  .list-container ul li:last-child > *[data-v-62353299] {
    position: relative;
  }
  .list-container ul li[data-v-62353299]:last-child:before {
    border-top: 0px solid #e5e5e5;
  }
  .list-container ul li[data-v-62353299]:last-child:before {
    border-right: 0px solid #e5e5e5;
  }
  .list-container ul li[data-v-62353299]:last-child:before {
    border-bottom: 0px solid #e5e5e5;
  }
  .list-container ul li[data-v-62353299]:last-child:before {
    border-left: 0px solid #e5e5e5;
  }
  .list-container ul li .pic[data-v-62353299] {
    line-height: 0;
  }
  .list-container ul li .pic img[data-v-62353299] {
    width: 80px;
    height: 80px;
  }
  .list-container ul li .info[data-v-62353299] {
    margin-left: 10px;
    margin-right: 16px;
    width: 100%;
    overflow: hidden;
  }
  .list-container ul li .info .name[data-v-62353299] {
    color: #130c0c;
    font-size: 14px;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .list-container ul li .info .price[data-v-62353299] {
    font-size: 14px;
    margin-top: 10px;
  }
  .list-container ul li .info .price .origin[data-v-62353299] {
    color: #c7c7c7;
    text-decoration: line-through;
    margin-left: 10px;
  }
  .list-container ul li .info .price .tag[data-v-62353299] {
    margin-left: 10px;
    padding: 1px;
    font-size: 12px;
  }
  .list-container ul li .info .duration[data-v-62353299] {
    font-size: 12px;
    margin-top: 10px;
    color: #c7c7c7;
  }
  .works li[data-v-46fbdd38] {
    padding: 20px 15px;
    margin-bottom: 10px;
    background: #fff;
  }
  .works li .header[data-v-46fbdd38] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .works li .header .title[data-v-46fbdd38] {
        font-size: 16px;
        color: #333;
  }
  .works li .header .time[data-v-46fbdd38] {
        font-size: 11px;
        color: #9a9a9a;
        margin-top: 1px;
  }
  .works li .header .realName[data-v-46fbdd38] {
        color: #E74C75;
        font-size: 16px;
  }
  .works li .header .zuopin[data-v-46fbdd38] {
        margin-top: 1px;
        text-align: right;
  }
  .works li .content[data-v-46fbdd38] {
      margin-top: 10px;
  }
  .works li .content .text[data-v-46fbdd38] {
        font-size: 14px;
        color: #666;
  }
  .works li .content .imgs[data-v-46fbdd38] {
        width: 100%;
        overflow: auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px;
  }
  .works li .content .imgs img[data-v-46fbdd38] {
          width: 82px;
          height: 82px;
          border-radius: 2px;
          border: 1px solid #eee;
  }
  .works li .content .imgs img[data-v-46fbdd38]:not(:first-child) {
            margin-left: 5px;
  }
  .works li .services[data-v-46fbdd38] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden;
      background: #f2f2f2;
      margin-top: 10px;
      padding: 5px;
  }
  .works li .services img[data-v-46fbdd38] {
        width: 30px;
        height: 30px;
  }
  .works li .services span[data-v-46fbdd38] {
        font-size: 14px;
        color: #333;
        margin-left: 8px;
  }
  
  @charset "UTF-8";
  /* reset */
  html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
  }
  header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  caption, th {
    text-align: left;
    font-weight: normal;
  }
  html, body, fieldset, img, iframe, abbr {
    border: 0;
  }
  i, cite, em, var, address, dfn {
    font-style: normal;
  }
  [hidefocus], summary {
    outline: 0;
  }
  li {
    list-style: none;
  }
  h1, h2, h3, h4, h5, h6, small {
    font-size: 100%;
  }
  sup, sub {
    font-size: 83%;
  }
  pre, code, kbd, samp {
    font-family: inherit;
  }
  q:before, q:after {
    content: none;
  }
  textarea {
    overflow: auto;
    resize: none;
  }
  label, summary {
    cursor: default;
  }
  a, button {
    cursor: pointer;
  }
  h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: bold;
  }
  del, ins, u, s, a, a:hover {
    text-decoration: none;
  }
  body, textarea, input, button, select, keygen, legend {
    font: 12px/1.14 Helvetica, STHeiti, "Microsoft YaHei",  Verdana, Arial, Tahoma, sans-serif;
    color: #333;
    outline: 0;
  }
  html, body {
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  #app-root {
    -webkit-overflow-scrolling: touch;
  }
  body {
    background: #f4f4f4;
    max-width: 750px;
    min-width: 320px;
    margin: 0 auto;
    -webkit-text-size-adjust: 100% !important;
  }
  a, a:hover {
    color: #333;
  }
  
  /* function */
  .f-cb:after, .f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
  }
  .f-cb, .f-cbli li {
    zoom: 1;
  }
  .f-ib {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  .f-dn {
    display: none;
  }
  .f-db {
    display: block;
  }
  .f-fl {
    float: left;
  }
  .f-fr {
    float: right;
  }
  .f-pr {
    position: relative;
  }
  .f-prz {
    position: relative;
    zoom: 1;
  }
  .f-pa {
    position: absolute;
  }
  .f-oh {
    overflow: hidden;
  }
  .f-ff0 {
    font-family: arial, \5b8b\4f53;
  }
  .f-ff1 {
    font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53;
  }
  .f-fs1 {
    font-size: 12px;
  }
  .f-fs2 {
    font-size: 14px;
  }
  .f-fc6 {
    color: #666;
  }
  .f-fc9 {
    color: #999;
  }
  .f-fwn {
    font-weight: normal;
  }
  .f-fwb {
    font-weight: bold;
  }
  .f-tal {
    text-align: left;
  }
  .f-tac {
    text-align: center;
  }
  .f-tar {
    text-align: right;
  }
  .f-taj {
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .f-vam, .f-vama * {
    vertical-align: middle;
  }
  .f-wsn {
    word-wrap: normal;
    white-space: nowrap;
  }
  .f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
  }
  .f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }
  .f-ti {
    overflow: hidden;
    text-indent: -30000px;
  }
  .f-ti2 {
    text-indent: 2em;
  }
  .f-lhn {
    line-height: normal;
  }
  .f-tdu, .f-tdu:hover {
    text-decoration: underline;
  }
  .f-tdn, .f-tdn:hover {
    text-decoration: none;
  }
  .f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .f-csp {
    cursor: pointer;
  }
  .f-csd {
    cursor: default;
  }
  .f-csh {
    cursor: help;
  }
  .f-csm {
    cursor: move;
  }
  .f-usn {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  /* 0.5px鐨勮竟妗� */
  .f-thin {
    position: relative;
  }
  .f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
  }
  .f-thin > * {
      position: relative;
  }
  .f-bbox {
    box-sizing: border-box;
  }
  .f-cbox {
    box-sizing: content-box;
  }
  .f-top {
    top: 0;
  }
  .f-right {
    right: 0;
  }
  .f-bottom {
    bottom: 0;
  }
  .f-left {
    left: 0;
  }
  .f-mgb-10 {
    margin-bottom: 10px;
  }
  .f-mgt-10 {
    margin-top: 10px;
  }
  .ui-nowrap {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  /**
   * 涓婁笅border-1px鐨勯€傞厤
   */
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .border-1px:before {
      -webkit-transform: scaleY(0.7);
          -ms-transform: scaleY(0.7);
              transform: scaleY(0.7);
  }
  .border-1px:after {
      -webkit-transform: scaleY(0.7);
          -ms-transform: scaleY(0.7);
              transform: scaleY(0.7);
  }
  .f-thin:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .border-1px:before {
      -webkit-transform: scaleY(0.5);
          -ms-transform: scaleY(0.5);
              transform: scaleY(0.5);
  }
  .border-1px:after {
      -webkit-transform: scaleY(0.5);
          -ms-transform: scaleY(0.5);
              transform: scaleY(0.5);
  }
  .f-thin:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .iphonex-pdt {
      padding-bottom: constant(safe-area-inset-bottom);
      padding-bottom: env(safe-area-inset-bottom);
  }
  }
  
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  /**
   * 棰滆壊鐩稿叧
   */
  ::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
  }
  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
  }
  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
  }
  :-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
  }
  html body {
    -webkit-overflow-scrolling: touch;
  }
  html body:before {
      content: '';
      position: fixed;
      left: 0;
      top: 0;
      height: 3px;
      width: 0;
      background: #12BB1B;
      z-index: 9999;
  }
  html body.progress:before {
      transition: width 2s;
      width: 90%;
  }
  html body #app-root {
      -webkit-overflow-scrolling: touch;
  }
  
  /* 椤甸潰鍖哄潡 */
  .section {
    margin-bottom: 10px;
    background: #fff;
  }
  .section > .open-sep {
      margin-left: 15px;
      padding-right: 15px;
      position: relative;
      border-radius: 0;
  }
  .section > .open-sep:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .section > .open-sep > * {
        position: relative;
  }
  .section > .open-sep:before {
        border-top: 0px solid #e5e5e5;
  }
  .section > .open-sep:before {
        border-right: 0px solid #e5e5e5;
  }
  .section > .open-sep:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .section > .open-sep:before {
        border-left: 0px solid #e5e5e5;
  }
  .section > .open-sep:last-child:before {
        border: 0;
  }
  .section > .close-sep {
      position: relative;
      border-radius: 0;
  }
  .section > .close-sep:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .section > .close-sep > * {
        position: relative;
  }
  .section > .close-sep:before {
        border-top: 0px solid #e5e5e5;
  }
  .section > .close-sep:before {
        border-right: 0px solid #e5e5e5;
  }
  .section > .close-sep:before {
        border-bottom: 1px solid #e5e5e5;
  }
  .section > .close-sep:before {
        border-left: 0px solid #e5e5e5;
  }
  .section > .close-sep:last-child:before {
        border: 0;
  }
  .section > .access {
      padding-right: 25px;
  }
  .section > .access:after {
        content: '';
        width: 6px;
        height: 6px;
        border: 1px solid #999;
        border-left: 0;
        border-bottom: 0;
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: rotate(45deg) translateY(-50%);
            -ms-transform: rotate(45deg) translateY(-50%);
                transform: rotate(45deg) translateY(-50%);
  }
  
  /**
  * 绫昏〃鍗曢」
  */
  .form-item {
    height: 44px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
  }
  .form-item label {
      width: 105px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      color: #222;
  }
  .form-item label.require:after {
        content: ' *';
        color: #E94D75;
  }
  .form-item input, .form-item .text {
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      color: #666;
  }
  .form-item input {
      height: 100%;
      font-size: 14px;
      border: none;
      background: transparent;
  }
  
  /**
   * @deprecate 璇蜂娇鐢╢orm-item
   */
  .cell-form {
    background: #fff;
    padding: 0 15px;
    position: relative;
    position: relative;
  }
  .cell-form:before {
      content: ' ';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      border-top: 1px solid #e5e5e5;
      box-sizing: border-box;
  }
  .cell-form:after {
      content: ' ';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      border-bottom: 1px solid #e5e5e5;
  }
  .cell-form .form-group {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-size: 14px;
      color: #666;
      height: 44px;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
  }
  .cell-form .form-group:after {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
  }
  .cell-form .form-group:last-child:after {
        border: 0;
  }
  .cell-form .form-group .form-label {
        color: #222;
        width: 105px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
  }
  .cell-form .form-group .form-input, .cell-form .form-group .form-text {
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        word-wrap: break-word;
        word-break: break-all;
  }
  .cell-form .form-group .form-input {
        height: 100%;
        font-size: 14px;
        border: none;
        background: transparent;
  }
  .cell-form .form-access {
      padding-right: 11px;
  }
  .cell-form .form-access:before {
        content: ' ';
        display: inline-block;
        width: 6px;
        height: 6px;
        border: 1px solid #999;
        position: absolute;
        top: 50%;
        right: 1px;
        border-left: 0;
        border-bottom-width: 0;
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        margin-top: -4px;
  }
  
  /**
   * 甯哥敤鎸夐挳鏍峰紡
   */
  .btn-mini {
    height: 22px;
    font-size: 10px;
    color: #666;
    width: 54px;
    box-sizing: border-box;
    border: 1px solid #cacaca;
    background: #fff;
    border-radius: 20px;
    text-align: center;
  }
  .btn-sm {
    min-width: 78px;
    box-sizing: border-box;
    color: #666;
    font-size: 12px;
    padding: 9px;
    border: 1px solid #CACACA;
    border-radius: 20px;
    background: #fff;
  }
  .btn-sm-primary {
    background: linear-gradient(73deg, #FA5B52 2%, #E84C75 100%);
    border: none;
    color: #fff;
  }
  .btn-area {
    padding: 0 15px;
  }
  .btn {
    box-sizing: border-box;
    font-size: 14px;
    border: 0;
    height: 50px;
    line-height: 50px;
    text-align: center;
  }
  .btn-default {
    background: #ffffff;
    height: 44px;
    line-height: 44px;
    border: 1px solid #CACACA;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    border-radius: 40px;
  }
  .btn-block {
    width: 100%;
    display: block;
  }
  .btn-primary {
    background-image: linear-gradient(-138deg, #E84C75 0%, #ED564D 100%);
    height: 50px;
    color: #fff;
  }
  .btn-primary:active {
      background: linear-gradient(to right, #D93E67 0%, #E8554C 100%);
  }
  .btn:disabled {
    opacity: .6;
  }
  .copy-margin {
    margin-bottom: 50px;
  }
  .modal-scroll-fix {
    width: 100%;
    overflow-y: hidden !important;
  }
  
  /**
   * 棰滆壊鐩稿叧
   */
  .c-red {
    color: #E94D75;
  }
  .c-2 {
    color: #222;
  }
  .c-3 {
    color: #666;
  }
  .c-4 {
    color: #888;
  }
  .c-5 {
    color: #CACACA;
  }
  .c-6 {
    color: #E5E5E5;
  }
  .c-7 {
    color: #F0F0F0;
  }
  .c-8 {
    color: #FAFAFA;
  }
  .c-9 {
    color: #FFF;
  }
  .c-10 {
    color: #03B266;
  }
  .c-11 {
    color: #FF4444;
  }
  .bd-red {
    border-color: #E94D75;
  }
  .bd-2 {
    border-color: #222;
  }
  .bd-3 {
    border-color: #666;
  }
  .bd-4 {
    border-color: #888;
  }
  .bd-5 {
    border-color: #CACACA;
  }
  .bd-6 {
    border-color: #E5E5E5;
  }
  .bd-7 {
    border-color: #F0F0F0;
  }
  .bd-8 {
    border-color: #FAFAFA;
  }
  .bd-9 {
    border-color: #FFF;
  }
  .bd-10 {
    border-color: #03B266;
  }
  .bd-11 {
    border-color: #FF4444;
  }
  .bg-red {
    background-color: #E94D75;
  }
  .bg-2 {
    background-color: #222;
  }
  .bg-3 {
    background-color: #666;
  }
  .bg-4 {
    background-color: #888;
  }
  .bg-5 {
    background-color: #CACACA;
  }
  .bg-6 {
    background-color: #E5E5E5;
  }
  .bg-7 {
    background-color: #F0F0F0;
  }
  .bg-8 {
    background-color: #FAFAFA;
  }
  .bg-9 {
    background-color: #FFF;
  }
  .bg-10 {
    background-color: #03B266;
  }
  .bg-11 {
    background-color: #FF4444;
  }
  .member {
    background-image: linear-gradient(90deg, #ED564D 0%, #E94D75 100%);
  }
  .value-card {
    background-image: linear-gradient(90deg, #22B0E4 0%, #2898E7 99%);
  }
  .time-card {
    background-image: linear-gradient(90deg, #FB9C32 0%, #FC7E36 100%);
  }
  .discount-card {
    background-image: linear-gradient(90deg, #29D746 0%, #1BCF73 100%);
  }
  .ft-20 {
    font-size: 20px;
  }
  .ft-17 {
    font-size: 17px;
  }
  .ft-15 {
    font-size: 15px;
  }
  .ft-14 {
    font-size: 14px;
  }
  .ft-12 {
    font-size: 12px;
  }
  .ft-22 {
    font-size: 22px;
  }
  .ft-16 {
    font-size: 16px;
  }
  .ft-13 {
    font-size: 13px;
  }
  .ft-10 {
    font-size: 20px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
  .ft-9 {
    font-size: 18px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5);
  }
  
  /**
   * 杩欎釜鏂囦欢鍐呯殑鏍峰紡涓嶈鐢ㄤ簡锛屽瓨鍦ㄤ互涓嬮棶棰�
   *   涓庡叏灞€椋庢牸浼氬瓨鍦ㄥ啿绐�
   *   杩欎釜鏂囦欢閲岄潰鐨勬牱寮忓瓧闈㈡剰鎬濊浜哄緢闅剧悊瑙ｏ紝澧炲姞浜嗙悊瑙ｉ毦搴�
   *   鑰﹀悎鎬ц緝澶э紝澧炲姞浜嗕唬鐮佸鏉傚害
   *   閮ㄥ垎鏍峰紡宸插湪鍏ㄥ眬杩涜杩囧畾涔夛紝杩欎釜鏂囦欢閲岄潰杩涜浜嗗緢澶氶噸澶嶇殑鏍峰紡瀹氫箟
   * Todo: 0401/19锛屽垏璁颁笉瑕佸啀浣跨敤锛屾敼璧锋潵濂界棝鑻︼紝銉庛伕锟�
   */
  .p0 {
    padding: 0px;
  }
  .pl0 {
    padding-left: 0px;
  }
  .pr0 {
    padding-right: 0px;
  }
  .pt0 {
    padding-top: 0px;
  }
  .pb0 {
    padding-bottom: 0px;
  }
  .ptb0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .plr0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .p2 {
    padding: 2px;
  }
  .pl2 {
    padding-left: 2px;
  }
  .pr2 {
    padding-right: 2px;
  }
  .pt2 {
    padding-top: 2px;
  }
  .pb2 {
    padding-bottom: 2px;
  }
  .ptb2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .plr2 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .p4 {
    padding: 4px;
  }
  .pl4 {
    padding-left: 4px;
  }
  .pr4 {
    padding-right: 4px;
  }
  .pt4 {
    padding-top: 4px;
  }
  .pb4 {
    padding-bottom: 4px;
  }
  .ptb4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .plr4 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .p6 {
    padding: 6px;
  }
  .pl6 {
    padding-left: 6px;
  }
  .pr6 {
    padding-right: 6px;
  }
  .pt6 {
    padding-top: 6px;
  }
  .pb6 {
    padding-bottom: 6px;
  }
  .ptb6 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .plr6 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .p8 {
    padding: 8px;
  }
  .pl8 {
    padding-left: 8px;
  }
  .pr8 {
    padding-right: 8px;
  }
  .pt8 {
    padding-top: 8px;
  }
  .pb8 {
    padding-bottom: 8px;
  }
  .ptb8 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .plr8 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .p10 {
    padding: 10px;
  }
  .pl10 {
    padding-left: 10px;
  }
  .pr10 {
    padding-right: 10px;
  }
  .pt10 {
    padding-top: 10px;
  }
  .pb10 {
    padding-bottom: 10px;
  }
  .ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .plr10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .p12 {
    padding: 12px;
  }
  .pl12 {
    padding-left: 12px;
  }
  .pr12 {
    padding-right: 12px;
  }
  .pt12 {
    padding-top: 12px;
  }
  .pb12 {
    padding-bottom: 12px;
  }
  .ptb12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .plr12 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .p14 {
    padding: 14px;
  }
  .pl14 {
    padding-left: 14px;
  }
  .pr14 {
    padding-right: 14px;
  }
  .pt14 {
    padding-top: 14px;
  }
  .pb14 {
    padding-bottom: 14px;
  }
  .ptb14 {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .plr14 {
    padding-left: 14px;
    padding-right: 14px;
  }
  .p16 {
    padding: 16px;
  }
  .pl16 {
    padding-left: 16px;
  }
  .pr16 {
    padding-right: 16px;
  }
  .pt16 {
    padding-top: 16px;
  }
  .pb16 {
    padding-bottom: 16px;
  }
  .ptb16 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .plr16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .p18 {
    padding: 18px;
  }
  .pl18 {
    padding-left: 18px;
  }
  .pr18 {
    padding-right: 18px;
  }
  .pt18 {
    padding-top: 18px;
  }
  .pb18 {
    padding-bottom: 18px;
  }
  .ptb18 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .plr18 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .p20 {
    padding: 20px;
  }
  .pl20 {
    padding-left: 20px;
  }
  .pr20 {
    padding-right: 20px;
  }
  .pt20 {
    padding-top: 20px;
  }
  .pb20 {
    padding-bottom: 20px;
  }
  .ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .plr20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .p22 {
    padding: 22px;
  }
  .pl22 {
    padding-left: 22px;
  }
  .pr22 {
    padding-right: 22px;
  }
  .pt22 {
    padding-top: 22px;
  }
  .pb22 {
    padding-bottom: 22px;
  }
  .ptb22 {
    padding-top: 22px;
    padding-bottom: 22px;
  }
  .plr22 {
    padding-left: 22px;
    padding-right: 22px;
  }
  .p24 {
    padding: 24px;
  }
  .pl24 {
    padding-left: 24px;
  }
  .pr24 {
    padding-right: 24px;
  }
  .pt24 {
    padding-top: 24px;
  }
  .pb24 {
    padding-bottom: 24px;
  }
  .ptb24 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .plr24 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .p26 {
    padding: 26px;
  }
  .pl26 {
    padding-left: 26px;
  }
  .pr26 {
    padding-right: 26px;
  }
  .pt26 {
    padding-top: 26px;
  }
  .pb26 {
    padding-bottom: 26px;
  }
  .ptb26 {
    padding-top: 26px;
    padding-bottom: 26px;
  }
  .plr26 {
    padding-left: 26px;
    padding-right: 26px;
  }
  .p28 {
    padding: 28px;
  }
  .pl28 {
    padding-left: 28px;
  }
  .pr28 {
    padding-right: 28px;
  }
  .pt28 {
    padding-top: 28px;
  }
  .pb28 {
    padding-bottom: 28px;
  }
  .ptb28 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .plr28 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .p30 {
    padding: 30px;
  }
  .pl30 {
    padding-left: 30px;
  }
  .pr30 {
    padding-right: 30px;
  }
  .pt30 {
    padding-top: 30px;
  }
  .pb30 {
    padding-bottom: 30px;
  }
  .ptb30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .plr30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .p32 {
    padding: 32px;
  }
  .pl32 {
    padding-left: 32px;
  }
  .pr32 {
    padding-right: 32px;
  }
  .pt32 {
    padding-top: 32px;
  }
  .pb32 {
    padding-bottom: 32px;
  }
  .ptb32 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .plr32 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .p34 {
    padding: 34px;
  }
  .pl34 {
    padding-left: 34px;
  }
  .pr34 {
    padding-right: 34px;
  }
  .pt34 {
    padding-top: 34px;
  }
  .pb34 {
    padding-bottom: 34px;
  }
  .ptb34 {
    padding-top: 34px;
    padding-bottom: 34px;
  }
  .plr34 {
    padding-left: 34px;
    padding-right: 34px;
  }
  .p36 {
    padding: 36px;
  }
  .pl36 {
    padding-left: 36px;
  }
  .pr36 {
    padding-right: 36px;
  }
  .pt36 {
    padding-top: 36px;
  }
  .pb36 {
    padding-bottom: 36px;
  }
  .ptb36 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .plr36 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .p38 {
    padding: 38px;
  }
  .pl38 {
    padding-left: 38px;
  }
  .pr38 {
    padding-right: 38px;
  }
  .pt38 {
    padding-top: 38px;
  }
  .pb38 {
    padding-bottom: 38px;
  }
  .ptb38 {
    padding-top: 38px;
    padding-bottom: 38px;
  }
  .plr38 {
    padding-left: 38px;
    padding-right: 38px;
  }
  .p40 {
    padding: 40px;
  }
  .pl40 {
    padding-left: 40px;
  }
  .pr40 {
    padding-right: 40px;
  }
  .pt40 {
    padding-top: 40px;
  }
  .pb40 {
    padding-bottom: 40px;
  }
  .ptb40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .plr40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .p42 {
    padding: 42px;
  }
  .pl42 {
    padding-left: 42px;
  }
  .pr42 {
    padding-right: 42px;
  }
  .pt42 {
    padding-top: 42px;
  }
  .pb42 {
    padding-bottom: 42px;
  }
  .ptb42 {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .plr42 {
    padding-left: 42px;
    padding-right: 42px;
  }
  .p44 {
    padding: 44px;
  }
  .pl44 {
    padding-left: 44px;
  }
  .pr44 {
    padding-right: 44px;
  }
  .pt44 {
    padding-top: 44px;
  }
  .pb44 {
    padding-bottom: 44px;
  }
  .ptb44 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .plr44 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .p46 {
    padding: 46px;
  }
  .pl46 {
    padding-left: 46px;
  }
  .pr46 {
    padding-right: 46px;
  }
  .pt46 {
    padding-top: 46px;
  }
  .pb46 {
    padding-bottom: 46px;
  }
  .ptb46 {
    padding-top: 46px;
    padding-bottom: 46px;
  }
  .plr46 {
    padding-left: 46px;
    padding-right: 46px;
  }
  .p48 {
    padding: 48px;
  }
  .pl48 {
    padding-left: 48px;
  }
  .pr48 {
    padding-right: 48px;
  }
  .pt48 {
    padding-top: 48px;
  }
  .pb48 {
    padding-bottom: 48px;
  }
  .ptb48 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .plr48 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .p50 {
    padding: 50px;
  }
  .pl50 {
    padding-left: 50px;
  }
  .pr50 {
    padding-right: 50px;
  }
  .pt50 {
    padding-top: 50px;
  }
  .pb50 {
    padding-bottom: 50px;
  }
  .ptb50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .plr50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .p52 {
    padding: 52px;
  }
  .pl52 {
    padding-left: 52px;
  }
  .pr52 {
    padding-right: 52px;
  }
  .pt52 {
    padding-top: 52px;
  }
  .pb52 {
    padding-bottom: 52px;
  }
  .ptb52 {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .plr52 {
    padding-left: 52px;
    padding-right: 52px;
  }
  .p54 {
    padding: 54px;
  }
  .pl54 {
    padding-left: 54px;
  }
  .pr54 {
    padding-right: 54px;
  }
  .pt54 {
    padding-top: 54px;
  }
  .pb54 {
    padding-bottom: 54px;
  }
  .ptb54 {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .plr54 {
    padding-left: 54px;
    padding-right: 54px;
  }
  .p56 {
    padding: 56px;
  }
  .pl56 {
    padding-left: 56px;
  }
  .pr56 {
    padding-right: 56px;
  }
  .pt56 {
    padding-top: 56px;
  }
  .pb56 {
    padding-bottom: 56px;
  }
  .ptb56 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .plr56 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .p58 {
    padding: 58px;
  }
  .pl58 {
    padding-left: 58px;
  }
  .pr58 {
    padding-right: 58px;
  }
  .pt58 {
    padding-top: 58px;
  }
  .pb58 {
    padding-bottom: 58px;
  }
  .ptb58 {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  .plr58 {
    padding-left: 58px;
    padding-right: 58px;
  }
  .p60 {
    padding: 60px;
  }
  .pl60 {
    padding-left: 60px;
  }
  .pr60 {
    padding-right: 60px;
  }
  .pt60 {
    padding-top: 60px;
  }
  .pb60 {
    padding-bottom: 60px;
  }
  .ptb60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .plr60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .p62 {
    padding: 62px;
  }
  .pl62 {
    padding-left: 62px;
  }
  .pr62 {
    padding-right: 62px;
  }
  .pt62 {
    padding-top: 62px;
  }
  .pb62 {
    padding-bottom: 62px;
  }
  .ptb62 {
    padding-top: 62px;
    padding-bottom: 62px;
  }
  .plr62 {
    padding-left: 62px;
    padding-right: 62px;
  }
  .m0 {
    margin: 0px;
  }
  .ml0 {
    margin-left: 0px;
  }
  .mr0 {
    margin-right: 0px;
  }
  .mt0 {
    margin-top: 0px;
  }
  .mb0 {
    margin-bottom: 0px;
  }
  .mtb0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .mlr0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .m2 {
    margin: 2px;
  }
  .ml2 {
    margin-left: 2px;
  }
  .mr2 {
    margin-right: 2px;
  }
  .mt2 {
    margin-top: 2px;
  }
  .mb2 {
    margin-bottom: 2px;
  }
  .mtb2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .mlr2 {
    margin-left: 2px;
    margin-right: 2px;
  }
  .m4 {
    margin: 4px;
  }
  .ml4 {
    margin-left: 4px;
  }
  .mr4 {
    margin-right: 4px;
  }
  .mt4 {
    margin-top: 4px;
  }
  .mb4 {
    margin-bottom: 4px;
  }
  .mtb4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .mlr4 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .m6 {
    margin: 6px;
  }
  .ml6 {
    margin-left: 6px;
  }
  .mr6 {
    margin-right: 6px;
  }
  .mt6 {
    margin-top: 6px;
  }
  .mb6 {
    margin-bottom: 6px;
  }
  .mtb6 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .mlr6 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .m8 {
    margin: 8px;
  }
  .ml8 {
    margin-left: 8px;
  }
  .mr8 {
    margin-right: 8px;
  }
  .mt8 {
    margin-top: 8px;
  }
  .mb8 {
    margin-bottom: 8px;
  }
  .mtb8 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .mlr8 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .m10 {
    margin: 10px;
  }
  .ml10 {
    margin-left: 10px;
  }
  .mr10 {
    margin-right: 10px;
  }
  .mt10 {
    margin-top: 10px;
  }
  .mb10 {
    margin-bottom: 10px;
  }
  .mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mlr10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .m12 {
    margin: 12px;
  }
  .ml12 {
    margin-left: 12px;
  }
  .mr12 {
    margin-right: 12px;
  }
  .mt12 {
    margin-top: 12px;
  }
  .mb12 {
    margin-bottom: 12px;
  }
  .mtb12 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .mlr12 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .m14 {
    margin: 14px;
  }
  .ml14 {
    margin-left: 14px;
  }
  .mr14 {
    margin-right: 14px;
  }
  .mt14 {
    margin-top: 14px;
  }
  .mb14 {
    margin-bottom: 14px;
  }
  .mtb14 {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .mlr14 {
    margin-left: 14px;
    margin-right: 14px;
  }
  .m16 {
    margin: 16px;
  }
  .ml16 {
    margin-left: 16px;
  }
  .mr16 {
    margin-right: 16px;
  }
  .mt16 {
    margin-top: 16px;
  }
  .mb16 {
    margin-bottom: 16px;
  }
  .mtb16 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .mlr16 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .m18 {
    margin: 18px;
  }
  .ml18 {
    margin-left: 18px;
  }
  .mr18 {
    margin-right: 18px;
  }
  .mt18 {
    margin-top: 18px;
  }
  .mb18 {
    margin-bottom: 18px;
  }
  .mtb18 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .mlr18 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .m20 {
    margin: 20px;
  }
  .ml20 {
    margin-left: 20px;
  }
  .mr20 {
    margin-right: 20px;
  }
  .mt20 {
    margin-top: 20px;
  }
  .mb20 {
    margin-bottom: 20px;
  }
  .mtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .mlr20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .m22 {
    margin: 22px;
  }
  .ml22 {
    margin-left: 22px;
  }
  .mr22 {
    margin-right: 22px;
  }
  .mt22 {
    margin-top: 22px;
  }
  .mb22 {
    margin-bottom: 22px;
  }
  .mtb22 {
    margin-top: 22px;
    margin-bottom: 22px;
  }
  .mlr22 {
    margin-left: 22px;
    margin-right: 22px;
  }
  .m24 {
    margin: 24px;
  }
  .ml24 {
    margin-left: 24px;
  }
  .mr24 {
    margin-right: 24px;
  }
  .mt24 {
    margin-top: 24px;
  }
  .mb24 {
    margin-bottom: 24px;
  }
  .mtb24 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .mlr24 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .m26 {
    margin: 26px;
  }
  .ml26 {
    margin-left: 26px;
  }
  .mr26 {
    margin-right: 26px;
  }
  .mt26 {
    margin-top: 26px;
  }
  .mb26 {
    margin-bottom: 26px;
  }
  .mtb26 {
    margin-top: 26px;
    margin-bottom: 26px;
  }
  .mlr26 {
    margin-left: 26px;
    margin-right: 26px;
  }
  .m28 {
    margin: 28px;
  }
  .ml28 {
    margin-left: 28px;
  }
  .mr28 {
    margin-right: 28px;
  }
  .mt28 {
    margin-top: 28px;
  }
  .mb28 {
    margin-bottom: 28px;
  }
  .mtb28 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .mlr28 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .m30 {
    margin: 30px;
  }
  .ml30 {
    margin-left: 30px;
  }
  .mr30 {
    margin-right: 30px;
  }
  .mt30 {
    margin-top: 30px;
  }
  .mb30 {
    margin-bottom: 30px;
  }
  .mtb30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .mlr30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .m32 {
    margin: 32px;
  }
  .ml32 {
    margin-left: 32px;
  }
  .mr32 {
    margin-right: 32px;
  }
  .mt32 {
    margin-top: 32px;
  }
  .mb32 {
    margin-bottom: 32px;
  }
  .mtb32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .mlr32 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .m34 {
    margin: 34px;
  }
  .ml34 {
    margin-left: 34px;
  }
  .mr34 {
    margin-right: 34px;
  }
  .mt34 {
    margin-top: 34px;
  }
  .mb34 {
    margin-bottom: 34px;
  }
  .mtb34 {
    margin-top: 34px;
    margin-bottom: 34px;
  }
  .mlr34 {
    margin-left: 34px;
    margin-right: 34px;
  }
  .m36 {
    margin: 36px;
  }
  .ml36 {
    margin-left: 36px;
  }
  .mr36 {
    margin-right: 36px;
  }
  .mt36 {
    margin-top: 36px;
  }
  .mb36 {
    margin-bottom: 36px;
  }
  .mtb36 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .mlr36 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .m38 {
    margin: 38px;
  }
  .ml38 {
    margin-left: 38px;
  }
  .mr38 {
    margin-right: 38px;
  }
  .mt38 {
    margin-top: 38px;
  }
  .mb38 {
    margin-bottom: 38px;
  }
  .mtb38 {
    margin-top: 38px;
    margin-bottom: 38px;
  }
  .mlr38 {
    margin-left: 38px;
    margin-right: 38px;
  }
  .m40 {
    margin: 40px;
  }
  .ml40 {
    margin-left: 40px;
  }
  .mr40 {
    margin-right: 40px;
  }
  .mt40 {
    margin-top: 40px;
  }
  .mb40 {
    margin-bottom: 40px;
  }
  .mtb40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .mlr40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .m42 {
    margin: 42px;
  }
  .ml42 {
    margin-left: 42px;
  }
  .mr42 {
    margin-right: 42px;
  }
  .mt42 {
    margin-top: 42px;
  }
  .mb42 {
    margin-bottom: 42px;
  }
  .mtb42 {
    margin-top: 42px;
    margin-bottom: 42px;
  }
  .mlr42 {
    margin-left: 42px;
    margin-right: 42px;
  }
  .m44 {
    margin: 44px;
  }
  .ml44 {
    margin-left: 44px;
  }
  .mr44 {
    margin-right: 44px;
  }
  .mt44 {
    margin-top: 44px;
  }
  .mb44 {
    margin-bottom: 44px;
  }
  .mtb44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .mlr44 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .m46 {
    margin: 46px;
  }
  .ml46 {
    margin-left: 46px;
  }
  .mr46 {
    margin-right: 46px;
  }
  .mt46 {
    margin-top: 46px;
  }
  .mb46 {
    margin-bottom: 46px;
  }
  .mtb46 {
    margin-top: 46px;
    margin-bottom: 46px;
  }
  .mlr46 {
    margin-left: 46px;
    margin-right: 46px;
  }
  .m48 {
    margin: 48px;
  }
  .ml48 {
    margin-left: 48px;
  }
  .mr48 {
    margin-right: 48px;
  }
  .mt48 {
    margin-top: 48px;
  }
  .mb48 {
    margin-bottom: 48px;
  }
  .mtb48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .mlr48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .m50 {
    margin: 50px;
  }
  .ml50 {
    margin-left: 50px;
  }
  .mr50 {
    margin-right: 50px;
  }
  .mt50 {
    margin-top: 50px;
  }
  .mb50 {
    margin-bottom: 50px;
  }
  .mtb50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .mlr50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .m52 {
    margin: 52px;
  }
  .ml52 {
    margin-left: 52px;
  }
  .mr52 {
    margin-right: 52px;
  }
  .mt52 {
    margin-top: 52px;
  }
  .mb52 {
    margin-bottom: 52px;
  }
  .mtb52 {
    margin-top: 52px;
    margin-bottom: 52px;
  }
  .mlr52 {
    margin-left: 52px;
    margin-right: 52px;
  }
  .m54 {
    margin: 54px;
  }
  .ml54 {
    margin-left: 54px;
  }
  .mr54 {
    margin-right: 54px;
  }
  .mt54 {
    margin-top: 54px;
  }
  .mb54 {
    margin-bottom: 54px;
  }
  .mtb54 {
    margin-top: 54px;
    margin-bottom: 54px;
  }
  .mlr54 {
    margin-left: 54px;
    margin-right: 54px;
  }
  .m56 {
    margin: 56px;
  }
  .ml56 {
    margin-left: 56px;
  }
  .mr56 {
    margin-right: 56px;
  }
  .mt56 {
    margin-top: 56px;
  }
  .mb56 {
    margin-bottom: 56px;
  }
  .mtb56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .mlr56 {
    margin-left: 56px;
    margin-right: 56px;
  }
  .m58 {
    margin: 58px;
  }
  .ml58 {
    margin-left: 58px;
  }
  .mr58 {
    margin-right: 58px;
  }
  .mt58 {
    margin-top: 58px;
  }
  .mb58 {
    margin-bottom: 58px;
  }
  .mtb58 {
    margin-top: 58px;
    margin-bottom: 58px;
  }
  .mlr58 {
    margin-left: 58px;
    margin-right: 58px;
  }
  .m60 {
    margin: 60px;
  }
  .ml60 {
    margin-left: 60px;
  }
  .mr60 {
    margin-right: 60px;
  }
  .mt60 {
    margin-top: 60px;
  }
  .mb60 {
    margin-bottom: 60px;
  }
  .mtb60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .mlr60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .m62 {
    margin: 62px;
  }
  .ml62 {
    margin-left: 62px;
  }
  .mr62 {
    margin-right: 62px;
  }
  .mt62 {
    margin-top: 62px;
  }
  .mb62 {
    margin-bottom: 62px;
  }
  .mtb62 {
    margin-top: 62px;
    margin-bottom: 62px;
  }
  .mlr62 {
    margin-left: 62px;
    margin-right: 62px;
  }
  .d-il {
    display: inline-block;
  }
  .d-b {
    display: block;
  }
  .d-i {
    display: inline;
  }
  .d-n {
    display: none;
  }
  .d-f {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .w-full {
    width: 100%;
  }
  .h48 {
    height: 48px;
  }
  .h56 {
    height: 56px;
  }
  .ta-r {
    text-align: right;
  }
  .ta-l {
    text-align: left;
  }
  .ta-c {
    text-align: center;
  }
  .ta-j {
    text-align: justify;
  }
  .va-t {
    vertical-align: top;
  }
  .va-m {
    vertical-align: middle;
  }
  .va-b {
    vertical-align: bottom;
  }
  .pos-a {
    position: absolute;
  }
  .pos-r {
    position: relative;
  }
  .pos-f {
    position: fixed;
  }
  .flex1 {
    display: block;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .flex2 {
    display: block;
    -webkit-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  .flex3 {
    display: block;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
  .flex4 {
    display: block;
    -webkit-flex: 4;
        -ms-flex: 4;
            flex: 4;
  }
  .ac {
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .jc {
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .s0 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .fs0 {
    font-size: 0px;
  }
  .fs10 {
    font-size: 10px;
  }
  .fs12 {
    font-size: 12px;
  }
  .fs14 {
    font-size: 14px;
  }
  .fs16 {
    font-size: 16px;
  }
  .fs18 {
    font-size: 18px;
  }
  .fs20 {
    font-size: 20px;
  }
  .fs24 {
    font-size: 24px;
  }
  .fs34 {
    font-size: 34px;
  }
  .fs45 {
    font-size: 45px;
  }
  .fs56 {
    font-size: 56px;
  }
  .bor, .btn-hollow, .tag-hollow {
    border: solid 1px;
  }
  .bor-t {
    border-top: solid 1px;
  }
  .bor-b {
    border-bottom: solid 1px;
  }
  .bor-l {
    border-left: solid 1px;
  }
  .bor-r {
    border-right: solid 1px;
  }
  .z-1 {
    z-index: -1;
  }
  .z1 {
    z-index: 1;
  }
  .z10 {
    z-index: 10;
  }
  .z99 {
    z-index: 99;
  }
  .z500 {
    z-index: 500;
  }
  .lh48 {
    line-height: 48px;
  }
  .bg-w, .btn-w {
    background-color: #fff;
  }
  .bg-module {
    background-color: #f4f4f4;
  }
  .bg-title {
    background-color: #fafafa;
  }
  .bg-disable {
    background-color: #898183;
  }
  .tp, .btn-hollow, .tag-hollow {
    background-color: transparent;
  }
  .bg-mei-red, .btn-mei {
    background-image: linear-gradient(-117deg, #D5466C 0%, #FA5B52 100%);
  }
  .bg-mei-yel {
    background-image: linear-gradient(-138deg, #FCB719 0%, #F6A346 100%);
  }
  .c-divider-b {
    color: #E5E5E5;
  }
  .c-hint-b {
    color: #888888;
  }
  .c-icon-b {
    color: #666666;
  }
  .c-text-b {
    color: #222222;
  }
  .c-divider-w {
    color: rgba(255, 255, 255, 0.12);
  }
  .c-hint-w {
    color: rgba(255, 255, 255, 0.3);
  }
  .c-icon-w {
    color: rgba(255, 255, 255, 0.7);
  }
  .c-text-w {
    color: white;
  }
  .c-blue {
    color: #318FE2;
  }
  .c-success {
    color: #03b266;
  }
  .c-fail {
    color: #ff4444;
  }
  .c-warn {
    color: #fc7e36;
  }
  .c-placeholder {
    color: #cccccc;
  }
  .c-red {
    color: #e74c75;
  }
  .b-side {
    border-color: #f4f4f4;
  }
  .b-side-s {
    border-color: #cacaca;
  }
  .center-fullscreen {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .box {
    box-sizing: border-box;
  }
  .shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  }
  .cicle36 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    overflow: hidden;
  }
  .cicle36 > img {
      width: 100%;
      height: 100%;
  }
  .square48 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: inline-block;
    width: 48px;
    height: 48px;
    overflow: hidden;
  }
  .square48 > img {
      width: 100%;
      height: 100%;
  }
  .square56 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: inline-block;
    width: 56px;
    height: 56px;
    overflow: hidden;
  }
  .square56 > img {
      width: 100%;
      height: 100%;
  }
  .square72 {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    display: inline-block;
    width: 72px;
    height: 72px;
    overflow: hidden;
  }
  .square72 > img {
      width: 100%;
      height: 100%;
  }
  .paper {
    background: #fff;
    border-radius: 3px;
  }
  .paper6 {
    background: #fff;
    border-radius: 6px;
  }
  .ellip1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ellip2 {
    display: -webkit-box;
    overflow: hidden;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
  }
  .ellip3 {
    display: -webkit-box;
    overflow: hidden;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
  }
  .btn-mei {
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    border: none;
    color: white;
  }
  .btn-mei:disabled {
      background-color: #898183 !important;
  }
  .btn-mei:active {
      opacity: .8;
  }
  .btn-w {
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    color: #666666;
    position: relative;
  }
  .btn-w:disabled {
      background-color: #898183 !important;
  }
  .btn-w:active {
      opacity: .8;
  }
  .btn-w:before {
      content: '';
      position: absolute;
      top: -50%;
      bottom: -50%;
      left: -50%;
      right: -50%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
      border-style: solid;
      border-width: 1px;
      border-color: #cacaca;
      border-radius: 100px;
  }
  .btn-hollow {
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    border-color: #e74c75;
    color: #e74c75;
  }
  .btn-hollow:disabled {
      background-color: #898183 !important;
  }
  .btn-hollow:active {
      opacity: .8;
  }
  .tag-hollow {
    border-color: #e74c75;
    color: #e74c75;
  }
  
  /**
   * Theme 鎺у埗
   * Scss Map 鏂囨。: https://www.w3cplus.com/preprocessor/sass-maps.html
   */
  /**************************** 鍏ㄥ眬font icon鏂囦欢寮曞叆 Start ****************************/
  @font-face {
    font-family: 'beautyicon';
    /* project id 413455 */
    src: url("//at.alicdn.com/t/font_413455_f0ni4v3hn89.eot");
    src: url("//at.alicdn.com/t/font_413455_f0ni4v3hn89.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_413455_f0ni4v3hn89.woff2") format("woff2"), url("//at.alicdn.com/t/font_413455_f0ni4v3hn89.woff") format("woff"), url("//at.alicdn.com/t/font_413455_f0ni4v3hn89.ttf") format("truetype"), url("//at.alicdn.com/t/font_413455_f0ni4v3hn89.svg#beautyicon") format("svg");
  }
  
  /**************************** 鍏ㄥ眬font icon鏂囦欢寮曞叆 End ****************************/
  /**************************** 鍏ㄥ眬font icon鏂囦欢寮曞叆 End ****************************/
  .theme-icon {
    font-family: 'beautyicon';
    font-size: 16px;
    font-style: normal;
  }
  .theme-icon:before {
      color: #E74C75;
  }
  .theme-icon-sub {
    font-family: 'beautyicon';
    font-size: 16px;
    font-style: normal;
  }
  .theme-icon-sub:before {
      color: #B6C1D4;
  }
  .theme-icon-normal {
    font-family: 'beautyicon';
    font-size: 16px;
    font-style: normal;
  }
  
  /**************************** 鍏ㄥ眬font icon鏂囦欢寮曞叆 End ****************************/
  /**************************** 椤甸潰鍏ㄥ眬鏍峰紡 Start ****************************/
  .app-theme-1 .theme-color {
    color: #E74C75;
  }
  .app-theme-1 .theme-bg {
    background: #E74C75;
  }
  .app-theme-1 .theme-bg--opacity-20 {
      background: rgba(231, 76, 117, 0.2);
  }
  .app-theme-1 .theme-style {
    background: #E74C75;
    color: #FFF;
  }
  .app-theme-1 .theme-border {
    border: 1px solid #E74C75;
  }
  .app-theme-1 .theme-border-color {
    border-color: #E74C75;
  }
  .app-theme-1 .theme-color-sub {
    color: #B6C1D4;
  }
  .app-theme-1 .theme-bg-sub {
    background: #B6C1D4;
  }
  .app-theme-1 .theme-bg-sub--opacity-20 {
      background: rgba(182, 193, 212, 0.2);
  }
  .app-theme-1 .theme-style-sub {
    background: #B6C1D4;
    color: #FFF;
  }
  .app-theme-1 .theme-border-sub {
    border: 1px solid #B6C1D4;
  }
  .app-theme-1 .theme-border-color-sub {
    border-color: #B6C1D4;
  }
  .app-theme-1 .theme-f-thin {
    position: relative;
  }
  .app-theme-1 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E74C75;
  }
  .app-theme-1 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-1 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-1 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #B6C1D4;
  }
  .app-theme-1 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-1 .theme-tag {
    color: #E74C75;
    position: relative;
  }
  .app-theme-1 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E74C75;
  }
  .app-theme-1 .theme-tag > * {
      position: relative;
  }
  .app-theme-1 .theme-tag-sub {
    color: #B6C1D4;
    position: relative;
    background: rgba(182, 193, 212, 0.2);
  }
  .app-theme-1 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #B6C1D4;
  }
  .app-theme-1 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-1 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #E74C75;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-1 .theme-f-thin:before, .app-theme-1 .theme-f-thin-sub:before, .app-theme-1 .theme-tag:before, .app-theme-1 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-1 .theme-f-thin:before, .app-theme-1 .theme-f-thin-sub:before, .app-theme-1 .theme-tag:before, .app-theme-1 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-2 .theme-color {
    color: #403737;
  }
  .app-theme-2 .theme-bg {
    background: #403737;
  }
  .app-theme-2 .theme-bg--opacity-20 {
      background: rgba(64, 55, 55, 0.2);
  }
  .app-theme-2 .theme-style {
    background: #403737;
    color: #FFF;
  }
  .app-theme-2 .theme-border {
    border: 1px solid #403737;
  }
  .app-theme-2 .theme-border-color {
    border-color: #403737;
  }
  .app-theme-2 .theme-color-sub {
    color: #CCC2C3;
  }
  .app-theme-2 .theme-bg-sub {
    background: #CCC2C3;
  }
  .app-theme-2 .theme-bg-sub--opacity-20 {
      background: rgba(204, 194, 195, 0.2);
  }
  .app-theme-2 .theme-style-sub {
    background: #CCC2C3;
    color: #FFF;
  }
  .app-theme-2 .theme-border-sub {
    border: 1px solid #CCC2C3;
  }
  .app-theme-2 .theme-border-color-sub {
    border-color: #CCC2C3;
  }
  .app-theme-2 .theme-f-thin {
    position: relative;
  }
  .app-theme-2 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #403737;
  }
  .app-theme-2 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-2 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-2 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #CCC2C3;
  }
  .app-theme-2 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-2 .theme-tag {
    color: #403737;
    position: relative;
  }
  .app-theme-2 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #403737;
  }
  .app-theme-2 .theme-tag > * {
      position: relative;
  }
  .app-theme-2 .theme-tag-sub {
    color: #CCC2C3;
    position: relative;
    background: rgba(204, 194, 195, 0.2);
  }
  .app-theme-2 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #CCC2C3;
  }
  .app-theme-2 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-2 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #403737;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-2 .theme-f-thin:before, .app-theme-2 .theme-f-thin-sub:before, .app-theme-2 .theme-tag:before, .app-theme-2 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-2 .theme-f-thin:before, .app-theme-2 .theme-f-thin-sub:before, .app-theme-2 .theme-tag:before, .app-theme-2 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-3 .theme-color {
    color: #564C42;
  }
  .app-theme-3 .theme-bg {
    background: #564C42;
  }
  .app-theme-3 .theme-bg--opacity-20 {
      background: rgba(86, 76, 66, 0.2);
  }
  .app-theme-3 .theme-style {
    background: #564C42;
    color: #FFF;
  }
  .app-theme-3 .theme-border {
    border: 1px solid #564C42;
  }
  .app-theme-3 .theme-border-color {
    border-color: #564C42;
  }
  .app-theme-3 .theme-color-sub {
    color: #F5B800;
  }
  .app-theme-3 .theme-bg-sub {
    background: #F5B800;
  }
  .app-theme-3 .theme-bg-sub--opacity-20 {
      background: rgba(245, 184, 0, 0.2);
  }
  .app-theme-3 .theme-style-sub {
    background: #F5B800;
    color: #FFF;
  }
  .app-theme-3 .theme-border-sub {
    border: 1px solid #F5B800;
  }
  .app-theme-3 .theme-border-color-sub {
    border-color: #F5B800;
  }
  .app-theme-3 .theme-f-thin {
    position: relative;
  }
  .app-theme-3 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #564C42;
  }
  .app-theme-3 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-3 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-3 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #F5B800;
  }
  .app-theme-3 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-3 .theme-tag {
    color: #564C42;
    position: relative;
  }
  .app-theme-3 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #564C42;
  }
  .app-theme-3 .theme-tag > * {
      position: relative;
  }
  .app-theme-3 .theme-tag-sub {
    color: #F5B800;
    position: relative;
    background: rgba(245, 184, 0, 0.2);
  }
  .app-theme-3 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #F5B800;
  }
  .app-theme-3 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-3 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #564C42;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-3 .theme-f-thin:before, .app-theme-3 .theme-f-thin-sub:before, .app-theme-3 .theme-tag:before, .app-theme-3 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-3 .theme-f-thin:before, .app-theme-3 .theme-f-thin-sub:before, .app-theme-3 .theme-tag:before, .app-theme-3 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-4 .theme-color {
    color: #CF3035;
  }
  .app-theme-4 .theme-bg {
    background: #CF3035;
  }
  .app-theme-4 .theme-bg--opacity-20 {
      background: rgba(207, 48, 53, 0.2);
  }
  .app-theme-4 .theme-style {
    background: #CF3035;
    color: #FFF;
  }
  .app-theme-4 .theme-border {
    border: 1px solid #CF3035;
  }
  .app-theme-4 .theme-border-color {
    border-color: #CF3035;
  }
  .app-theme-4 .theme-color-sub {
    color: #DDAF72;
  }
  .app-theme-4 .theme-bg-sub {
    background: #DDAF72;
  }
  .app-theme-4 .theme-bg-sub--opacity-20 {
      background: rgba(221, 175, 114, 0.2);
  }
  .app-theme-4 .theme-style-sub {
    background: #DDAF72;
    color: #FFF;
  }
  .app-theme-4 .theme-border-sub {
    border: 1px solid #DDAF72;
  }
  .app-theme-4 .theme-border-color-sub {
    border-color: #DDAF72;
  }
  .app-theme-4 .theme-f-thin {
    position: relative;
  }
  .app-theme-4 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #CF3035;
  }
  .app-theme-4 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-4 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-4 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #DDAF72;
  }
  .app-theme-4 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-4 .theme-tag {
    color: #CF3035;
    position: relative;
  }
  .app-theme-4 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #CF3035;
  }
  .app-theme-4 .theme-tag > * {
      position: relative;
  }
  .app-theme-4 .theme-tag-sub {
    color: #DDAF72;
    position: relative;
    background: rgba(221, 175, 114, 0.2);
  }
  .app-theme-4 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #DDAF72;
  }
  .app-theme-4 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-4 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #CF3035;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-4 .theme-f-thin:before, .app-theme-4 .theme-f-thin-sub:before, .app-theme-4 .theme-tag:before, .app-theme-4 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-4 .theme-f-thin:before, .app-theme-4 .theme-f-thin-sub:before, .app-theme-4 .theme-tag:before, .app-theme-4 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-5 .theme-color {
    color: #FF4F00;
  }
  .app-theme-5 .theme-bg {
    background: #FF4F00;
  }
  .app-theme-5 .theme-bg--opacity-20 {
      background: rgba(255, 79, 0, 0.2);
  }
  .app-theme-5 .theme-style {
    background: #FF4F00;
    color: #FFF;
  }
  .app-theme-5 .theme-border {
    border: 1px solid #FF4F00;
  }
  .app-theme-5 .theme-border-color {
    border-color: #FF4F00;
  }
  .app-theme-5 .theme-color-sub {
    color: #FF9400;
  }
  .app-theme-5 .theme-bg-sub {
    background: #FF9400;
  }
  .app-theme-5 .theme-bg-sub--opacity-20 {
      background: rgba(255, 148, 0, 0.2);
  }
  .app-theme-5 .theme-style-sub {
    background: #FF9400;
    color: #FFF;
  }
  .app-theme-5 .theme-border-sub {
    border: 1px solid #FF9400;
  }
  .app-theme-5 .theme-border-color-sub {
    border-color: #FF9400;
  }
  .app-theme-5 .theme-f-thin {
    position: relative;
  }
  .app-theme-5 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FF4F00;
  }
  .app-theme-5 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-5 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-5 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FF9400;
  }
  .app-theme-5 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-5 .theme-tag {
    color: #FF4F00;
    position: relative;
  }
  .app-theme-5 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FF4F00;
  }
  .app-theme-5 .theme-tag > * {
      position: relative;
  }
  .app-theme-5 .theme-tag-sub {
    color: #FF9400;
    position: relative;
    background: rgba(255, 148, 0, 0.2);
  }
  .app-theme-5 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FF9400;
  }
  .app-theme-5 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-5 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #FF4F00;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-5 .theme-f-thin:before, .app-theme-5 .theme-f-thin-sub:before, .app-theme-5 .theme-tag:before, .app-theme-5 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-5 .theme-f-thin:before, .app-theme-5 .theme-f-thin-sub:before, .app-theme-5 .theme-tag:before, .app-theme-5 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-6 .theme-color {
    color: #E73F83;
  }
  .app-theme-6 .theme-bg {
    background: #E73F83;
  }
  .app-theme-6 .theme-bg--opacity-20 {
      background: rgba(231, 63, 131, 0.2);
  }
  .app-theme-6 .theme-style {
    background: #E73F83;
    color: #FFF;
  }
  .app-theme-6 .theme-border {
    border: 1px solid #E73F83;
  }
  .app-theme-6 .theme-border-color {
    border-color: #E73F83;
  }
  .app-theme-6 .theme-color-sub {
    color: #F1A879;
  }
  .app-theme-6 .theme-bg-sub {
    background: #F1A879;
  }
  .app-theme-6 .theme-bg-sub--opacity-20 {
      background: rgba(241, 168, 121, 0.2);
  }
  .app-theme-6 .theme-style-sub {
    background: #F1A879;
    color: #FFF;
  }
  .app-theme-6 .theme-border-sub {
    border: 1px solid #F1A879;
  }
  .app-theme-6 .theme-border-color-sub {
    border-color: #F1A879;
  }
  .app-theme-6 .theme-f-thin {
    position: relative;
  }
  .app-theme-6 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E73F83;
  }
  .app-theme-6 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-6 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-6 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #F1A879;
  }
  .app-theme-6 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-6 .theme-tag {
    color: #E73F83;
    position: relative;
  }
  .app-theme-6 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E73F83;
  }
  .app-theme-6 .theme-tag > * {
      position: relative;
  }
  .app-theme-6 .theme-tag-sub {
    color: #F1A879;
    position: relative;
    background: rgba(241, 168, 121, 0.2);
  }
  .app-theme-6 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #F1A879;
  }
  .app-theme-6 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-6 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #E73F83;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-6 .theme-f-thin:before, .app-theme-6 .theme-f-thin-sub:before, .app-theme-6 .theme-tag:before, .app-theme-6 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-6 .theme-f-thin:before, .app-theme-6 .theme-f-thin-sub:before, .app-theme-6 .theme-tag:before, .app-theme-6 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-7 .theme-color {
    color: #E74C5E;
  }
  .app-theme-7 .theme-bg {
    background: #E74C5E;
  }
  .app-theme-7 .theme-bg--opacity-20 {
      background: rgba(231, 76, 94, 0.2);
  }
  .app-theme-7 .theme-style {
    background: #E74C5E;
    color: #FFF;
  }
  .app-theme-7 .theme-border {
    border: 1px solid #E74C5E;
  }
  .app-theme-7 .theme-border-color {
    border-color: #E74C5E;
  }
  .app-theme-7 .theme-color-sub {
    color: #E0B87F;
  }
  .app-theme-7 .theme-bg-sub {
    background: #E0B87F;
  }
  .app-theme-7 .theme-bg-sub--opacity-20 {
      background: rgba(224, 184, 127, 0.2);
  }
  .app-theme-7 .theme-style-sub {
    background: #E0B87F;
    color: #FFF;
  }
  .app-theme-7 .theme-border-sub {
    border: 1px solid #E0B87F;
  }
  .app-theme-7 .theme-border-color-sub {
    border-color: #E0B87F;
  }
  .app-theme-7 .theme-f-thin {
    position: relative;
  }
  .app-theme-7 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E74C5E;
  }
  .app-theme-7 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-7 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-7 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E0B87F;
  }
  .app-theme-7 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-7 .theme-tag {
    color: #E74C5E;
    position: relative;
  }
  .app-theme-7 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E74C5E;
  }
  .app-theme-7 .theme-tag > * {
      position: relative;
  }
  .app-theme-7 .theme-tag-sub {
    color: #E0B87F;
    position: relative;
    background: rgba(224, 184, 127, 0.2);
  }
  .app-theme-7 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E0B87F;
  }
  .app-theme-7 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-7 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #E74C5E;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-7 .theme-f-thin:before, .app-theme-7 .theme-f-thin-sub:before, .app-theme-7 .theme-tag:before, .app-theme-7 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-7 .theme-f-thin:before, .app-theme-7 .theme-f-thin-sub:before, .app-theme-7 .theme-tag:before, .app-theme-7 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-8 .theme-color {
    color: #B268BB;
  }
  .app-theme-8 .theme-bg {
    background: #B268BB;
  }
  .app-theme-8 .theme-bg--opacity-20 {
      background: rgba(178, 104, 187, 0.2);
  }
  .app-theme-8 .theme-style {
    background: #B268BB;
    color: #FFF;
  }
  .app-theme-8 .theme-border {
    border: 1px solid #B268BB;
  }
  .app-theme-8 .theme-border-color {
    border-color: #B268BB;
  }
  .app-theme-8 .theme-color-sub {
    color: #E0A2E8;
  }
  .app-theme-8 .theme-bg-sub {
    background: #E0A2E8;
  }
  .app-theme-8 .theme-bg-sub--opacity-20 {
      background: rgba(224, 162, 232, 0.2);
  }
  .app-theme-8 .theme-style-sub {
    background: #E0A2E8;
    color: #FFF;
  }
  .app-theme-8 .theme-border-sub {
    border: 1px solid #E0A2E8;
  }
  .app-theme-8 .theme-border-color-sub {
    border-color: #E0A2E8;
  }
  .app-theme-8 .theme-f-thin {
    position: relative;
  }
  .app-theme-8 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #B268BB;
  }
  .app-theme-8 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-8 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-8 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E0A2E8;
  }
  .app-theme-8 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-8 .theme-tag {
    color: #B268BB;
    position: relative;
  }
  .app-theme-8 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #B268BB;
  }
  .app-theme-8 .theme-tag > * {
      position: relative;
  }
  .app-theme-8 .theme-tag-sub {
    color: #E0A2E8;
    position: relative;
    background: rgba(224, 162, 232, 0.2);
  }
  .app-theme-8 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E0A2E8;
  }
  .app-theme-8 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-8 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #B268BB;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-8 .theme-f-thin:before, .app-theme-8 .theme-f-thin-sub:before, .app-theme-8 .theme-tag:before, .app-theme-8 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-8 .theme-f-thin:before, .app-theme-8 .theme-f-thin-sub:before, .app-theme-8 .theme-tag:before, .app-theme-8 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-9 .theme-color {
    color: #B19CE2;
  }
  .app-theme-9 .theme-bg {
    background: #B19CE2;
  }
  .app-theme-9 .theme-bg--opacity-20 {
      background: rgba(177, 156, 226, 0.2);
  }
  .app-theme-9 .theme-style {
    background: #B19CE2;
    color: #FFF;
  }
  .app-theme-9 .theme-border {
    border: 1px solid #B19CE2;
  }
  .app-theme-9 .theme-border-color {
    border-color: #B19CE2;
  }
  .app-theme-9 .theme-color-sub {
    color: #F1A879;
  }
  .app-theme-9 .theme-bg-sub {
    background: #F1A879;
  }
  .app-theme-9 .theme-bg-sub--opacity-20 {
      background: rgba(241, 168, 121, 0.2);
  }
  .app-theme-9 .theme-style-sub {
    background: #F1A879;
    color: #FFF;
  }
  .app-theme-9 .theme-border-sub {
    border: 1px solid #F1A879;
  }
  .app-theme-9 .theme-border-color-sub {
    border-color: #F1A879;
  }
  .app-theme-9 .theme-f-thin {
    position: relative;
  }
  .app-theme-9 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #B19CE2;
  }
  .app-theme-9 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-9 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-9 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #F1A879;
  }
  .app-theme-9 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-9 .theme-tag {
    color: #B19CE2;
    position: relative;
  }
  .app-theme-9 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #B19CE2;
  }
  .app-theme-9 .theme-tag > * {
      position: relative;
  }
  .app-theme-9 .theme-tag-sub {
    color: #F1A879;
    position: relative;
    background: rgba(241, 168, 121, 0.2);
  }
  .app-theme-9 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #F1A879;
  }
  .app-theme-9 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-9 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #B19CE2;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-9 .theme-f-thin:before, .app-theme-9 .theme-f-thin-sub:before, .app-theme-9 .theme-tag:before, .app-theme-9 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-9 .theme-f-thin:before, .app-theme-9 .theme-f-thin-sub:before, .app-theme-9 .theme-tag:before, .app-theme-9 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-10 .theme-color {
    color: #FDA283;
  }
  .app-theme-10 .theme-bg {
    background: #FDA283;
  }
  .app-theme-10 .theme-bg--opacity-20 {
      background: rgba(253, 162, 131, 0.2);
  }
  .app-theme-10 .theme-style {
    background: #FDA283;
    color: #FFF;
  }
  .app-theme-10 .theme-border {
    border: 1px solid #FDA283;
  }
  .app-theme-10 .theme-border-color {
    border-color: #FDA283;
  }
  .app-theme-10 .theme-color-sub {
    color: #FBAB66;
  }
  .app-theme-10 .theme-bg-sub {
    background: #FBAB66;
  }
  .app-theme-10 .theme-bg-sub--opacity-20 {
      background: rgba(251, 171, 102, 0.2);
  }
  .app-theme-10 .theme-style-sub {
    background: #FBAB66;
    color: #FFF;
  }
  .app-theme-10 .theme-border-sub {
    border: 1px solid #FBAB66;
  }
  .app-theme-10 .theme-border-color-sub {
    border-color: #FBAB66;
  }
  .app-theme-10 .theme-f-thin {
    position: relative;
  }
  .app-theme-10 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FDA283;
  }
  .app-theme-10 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-10 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-10 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FBAB66;
  }
  .app-theme-10 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-10 .theme-tag {
    color: #FDA283;
    position: relative;
  }
  .app-theme-10 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FDA283;
  }
  .app-theme-10 .theme-tag > * {
      position: relative;
  }
  .app-theme-10 .theme-tag-sub {
    color: #FBAB66;
    position: relative;
    background: rgba(251, 171, 102, 0.2);
  }
  .app-theme-10 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FBAB66;
  }
  .app-theme-10 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-10 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #FDA283;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-10 .theme-f-thin:before, .app-theme-10 .theme-f-thin-sub:before, .app-theme-10 .theme-tag:before, .app-theme-10 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-10 .theme-f-thin:before, .app-theme-10 .theme-f-thin-sub:before, .app-theme-10 .theme-tag:before, .app-theme-10 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-11 .theme-color {
    color: #DBB865;
  }
  .app-theme-11 .theme-bg {
    background: #DBB865;
  }
  .app-theme-11 .theme-bg--opacity-20 {
      background: rgba(219, 184, 101, 0.2);
  }
  .app-theme-11 .theme-style {
    background: #DBB865;
    color: #FFF;
  }
  .app-theme-11 .theme-border {
    border: 1px solid #DBB865;
  }
  .app-theme-11 .theme-border-color {
    border-color: #DBB865;
  }
  .app-theme-11 .theme-color-sub {
    color: #E6577D;
  }
  .app-theme-11 .theme-bg-sub {
    background: #E6577D;
  }
  .app-theme-11 .theme-bg-sub--opacity-20 {
      background: rgba(230, 87, 125, 0.2);
  }
  .app-theme-11 .theme-style-sub {
    background: #E6577D;
    color: #FFF;
  }
  .app-theme-11 .theme-border-sub {
    border: 1px solid #E6577D;
  }
  .app-theme-11 .theme-border-color-sub {
    border-color: #E6577D;
  }
  .app-theme-11 .theme-f-thin {
    position: relative;
  }
  .app-theme-11 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #DBB865;
  }
  .app-theme-11 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-11 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-11 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E6577D;
  }
  .app-theme-11 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-11 .theme-tag {
    color: #DBB865;
    position: relative;
  }
  .app-theme-11 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #DBB865;
  }
  .app-theme-11 .theme-tag > * {
      position: relative;
  }
  .app-theme-11 .theme-tag-sub {
    color: #E6577D;
    position: relative;
    background: rgba(230, 87, 125, 0.2);
  }
  .app-theme-11 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #E6577D;
  }
  .app-theme-11 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-11 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #DBB865;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-11 .theme-f-thin:before, .app-theme-11 .theme-f-thin-sub:before, .app-theme-11 .theme-tag:before, .app-theme-11 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-11 .theme-f-thin:before, .app-theme-11 .theme-f-thin-sub:before, .app-theme-11 .theme-tag:before, .app-theme-11 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-12 .theme-color {
    color: #6B9275;
  }
  .app-theme-12 .theme-bg {
    background: #6B9275;
  }
  .app-theme-12 .theme-bg--opacity-20 {
      background: rgba(107, 146, 117, 0.2);
  }
  .app-theme-12 .theme-style {
    background: #6B9275;
    color: #FFF;
  }
  .app-theme-12 .theme-border {
    border: 1px solid #6B9275;
  }
  .app-theme-12 .theme-border-color {
    border-color: #6B9275;
  }
  .app-theme-12 .theme-color-sub {
    color: #FDAB66;
  }
  .app-theme-12 .theme-bg-sub {
    background: #FDAB66;
  }
  .app-theme-12 .theme-bg-sub--opacity-20 {
      background: rgba(253, 171, 102, 0.2);
  }
  .app-theme-12 .theme-style-sub {
    background: #FDAB66;
    color: #FFF;
  }
  .app-theme-12 .theme-border-sub {
    border: 1px solid #FDAB66;
  }
  .app-theme-12 .theme-border-color-sub {
    border-color: #FDAB66;
  }
  .app-theme-12 .theme-f-thin {
    position: relative;
  }
  .app-theme-12 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #6B9275;
  }
  .app-theme-12 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-12 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-12 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FDAB66;
  }
  .app-theme-12 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-12 .theme-tag {
    color: #6B9275;
    position: relative;
  }
  .app-theme-12 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #6B9275;
  }
  .app-theme-12 .theme-tag > * {
      position: relative;
  }
  .app-theme-12 .theme-tag-sub {
    color: #FDAB66;
    position: relative;
    background: rgba(253, 171, 102, 0.2);
  }
  .app-theme-12 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #FDAB66;
  }
  .app-theme-12 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-12 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #6B9275;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-12 .theme-f-thin:before, .app-theme-12 .theme-f-thin-sub:before, .app-theme-12 .theme-tag:before, .app-theme-12 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-12 .theme-f-thin:before, .app-theme-12 .theme-f-thin-sub:before, .app-theme-12 .theme-tag:before, .app-theme-12 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-13 .theme-color {
    color: #20A4FF;
  }
  .app-theme-13 .theme-bg {
    background: #20A4FF;
  }
  .app-theme-13 .theme-bg--opacity-20 {
      background: rgba(32, 164, 255, 0.2);
  }
  .app-theme-13 .theme-style {
    background: #20A4FF;
    color: #FFF;
  }
  .app-theme-13 .theme-border {
    border: 1px solid #20A4FF;
  }
  .app-theme-13 .theme-border-color {
    border-color: #20A4FF;
  }
  .app-theme-13 .theme-color-sub {
    color: #52D05C;
  }
  .app-theme-13 .theme-bg-sub {
    background: #52D05C;
  }
  .app-theme-13 .theme-bg-sub--opacity-20 {
      background: rgba(82, 208, 92, 0.2);
  }
  .app-theme-13 .theme-style-sub {
    background: #52D05C;
    color: #FFF;
  }
  .app-theme-13 .theme-border-sub {
    border: 1px solid #52D05C;
  }
  .app-theme-13 .theme-border-color-sub {
    border-color: #52D05C;
  }
  .app-theme-13 .theme-f-thin {
    position: relative;
  }
  .app-theme-13 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #20A4FF;
  }
  .app-theme-13 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-13 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-13 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #52D05C;
  }
  .app-theme-13 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-13 .theme-tag {
    color: #20A4FF;
    position: relative;
  }
  .app-theme-13 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #20A4FF;
  }
  .app-theme-13 .theme-tag > * {
      position: relative;
  }
  .app-theme-13 .theme-tag-sub {
    color: #52D05C;
    position: relative;
    background: rgba(82, 208, 92, 0.2);
  }
  .app-theme-13 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #52D05C;
  }
  .app-theme-13 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-13 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #20A4FF;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-13 .theme-f-thin:before, .app-theme-13 .theme-f-thin-sub:before, .app-theme-13 .theme-tag:before, .app-theme-13 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-13 .theme-f-thin:before, .app-theme-13 .theme-f-thin-sub:before, .app-theme-13 .theme-tag:before, .app-theme-13 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-14 .theme-color {
    color: #4A72F6;
  }
  .app-theme-14 .theme-bg {
    background: #4A72F6;
  }
  .app-theme-14 .theme-bg--opacity-20 {
      background: rgba(74, 114, 246, 0.2);
  }
  .app-theme-14 .theme-style {
    background: #4A72F6;
    color: #FFF;
  }
  .app-theme-14 .theme-border {
    border: 1px solid #4A72F6;
  }
  .app-theme-14 .theme-border-color {
    border-color: #4A72F6;
  }
  .app-theme-14 .theme-color-sub {
    color: #C2DD6B;
  }
  .app-theme-14 .theme-bg-sub {
    background: #C2DD6B;
  }
  .app-theme-14 .theme-bg-sub--opacity-20 {
      background: rgba(194, 221, 107, 0.2);
  }
  .app-theme-14 .theme-style-sub {
    background: #C2DD6B;
    color: #FFF;
  }
  .app-theme-14 .theme-border-sub {
    border: 1px solid #C2DD6B;
  }
  .app-theme-14 .theme-border-color-sub {
    border-color: #C2DD6B;
  }
  .app-theme-14 .theme-f-thin {
    position: relative;
  }
  .app-theme-14 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #4A72F6;
  }
  .app-theme-14 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-14 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-14 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #C2DD6B;
  }
  .app-theme-14 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-14 .theme-tag {
    color: #4A72F6;
    position: relative;
  }
  .app-theme-14 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #4A72F6;
  }
  .app-theme-14 .theme-tag > * {
      position: relative;
  }
  .app-theme-14 .theme-tag-sub {
    color: #C2DD6B;
    position: relative;
    background: rgba(194, 221, 107, 0.2);
  }
  .app-theme-14 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #C2DD6B;
  }
  .app-theme-14 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-14 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #4A72F6;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-14 .theme-f-thin:before, .app-theme-14 .theme-f-thin-sub:before, .app-theme-14 .theme-tag:before, .app-theme-14 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-14 .theme-f-thin:before, .app-theme-14 .theme-f-thin-sub:before, .app-theme-14 .theme-tag:before, .app-theme-14 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-15 .theme-color {
    color: #654AF6;
  }
  .app-theme-15 .theme-bg {
    background: #654AF6;
  }
  .app-theme-15 .theme-bg--opacity-20 {
      background: rgba(101, 74, 246, 0.2);
  }
  .app-theme-15 .theme-style {
    background: #654AF6;
    color: #FFF;
  }
  .app-theme-15 .theme-border {
    border: 1px solid #654AF6;
  }
  .app-theme-15 .theme-border-color {
    border-color: #654AF6;
  }
  .app-theme-15 .theme-color-sub {
    color: #A69BE6;
  }
  .app-theme-15 .theme-bg-sub {
    background: #A69BE6;
  }
  .app-theme-15 .theme-bg-sub--opacity-20 {
      background: rgba(166, 155, 230, 0.2);
  }
  .app-theme-15 .theme-style-sub {
    background: #A69BE6;
    color: #FFF;
  }
  .app-theme-15 .theme-border-sub {
    border: 1px solid #A69BE6;
  }
  .app-theme-15 .theme-border-color-sub {
    border-color: #A69BE6;
  }
  .app-theme-15 .theme-f-thin {
    position: relative;
  }
  .app-theme-15 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #654AF6;
  }
  .app-theme-15 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-15 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-15 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #A69BE6;
  }
  .app-theme-15 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-15 .theme-tag {
    color: #654AF6;
    position: relative;
  }
  .app-theme-15 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #654AF6;
  }
  .app-theme-15 .theme-tag > * {
      position: relative;
  }
  .app-theme-15 .theme-tag-sub {
    color: #A69BE6;
    position: relative;
    background: rgba(166, 155, 230, 0.2);
  }
  .app-theme-15 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #A69BE6;
  }
  .app-theme-15 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-15 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #654AF6;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-15 .theme-f-thin:before, .app-theme-15 .theme-f-thin-sub:before, .app-theme-15 .theme-tag:before, .app-theme-15 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-15 .theme-f-thin:before, .app-theme-15 .theme-f-thin-sub:before, .app-theme-15 .theme-tag:before, .app-theme-15 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-16 .theme-color {
    color: #28ABFE;
  }
  .app-theme-16 .theme-bg {
    background: #28ABFE;
  }
  .app-theme-16 .theme-bg--opacity-20 {
      background: rgba(40, 171, 254, 0.2);
  }
  .app-theme-16 .theme-style {
    background: #28ABFE;
    color: #FFF;
  }
  .app-theme-16 .theme-border {
    border: 1px solid #28ABFE;
  }
  .app-theme-16 .theme-border-color {
    border-color: #28ABFE;
  }
  .app-theme-16 .theme-color-sub {
    color: #70DACB;
  }
  .app-theme-16 .theme-bg-sub {
    background: #70DACB;
  }
  .app-theme-16 .theme-bg-sub--opacity-20 {
      background: rgba(112, 218, 203, 0.2);
  }
  .app-theme-16 .theme-style-sub {
    background: #70DACB;
    color: #FFF;
  }
  .app-theme-16 .theme-border-sub {
    border: 1px solid #70DACB;
  }
  .app-theme-16 .theme-border-color-sub {
    border-color: #70DACB;
  }
  .app-theme-16 .theme-f-thin {
    position: relative;
  }
  .app-theme-16 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #28ABFE;
  }
  .app-theme-16 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-16 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-16 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #70DACB;
  }
  .app-theme-16 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-16 .theme-tag {
    color: #28ABFE;
    position: relative;
  }
  .app-theme-16 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #28ABFE;
  }
  .app-theme-16 .theme-tag > * {
      position: relative;
  }
  .app-theme-16 .theme-tag-sub {
    color: #70DACB;
    position: relative;
    background: rgba(112, 218, 203, 0.2);
  }
  .app-theme-16 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #70DACB;
  }
  .app-theme-16 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-16 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #28ABFE;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-16 .theme-f-thin:before, .app-theme-16 .theme-f-thin-sub:before, .app-theme-16 .theme-tag:before, .app-theme-16 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-16 .theme-f-thin:before, .app-theme-16 .theme-f-thin-sub:before, .app-theme-16 .theme-tag:before, .app-theme-16 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-17 .theme-color {
    color: #0CC59C;
  }
  .app-theme-17 .theme-bg {
    background: #0CC59C;
  }
  .app-theme-17 .theme-bg--opacity-20 {
      background: rgba(12, 197, 156, 0.2);
  }
  .app-theme-17 .theme-style {
    background: #0CC59C;
    color: #FFF;
  }
  .app-theme-17 .theme-border {
    border: 1px solid #0CC59C;
  }
  .app-theme-17 .theme-border-color {
    border-color: #0CC59C;
  }
  .app-theme-17 .theme-color-sub {
    color: #9899A4;
  }
  .app-theme-17 .theme-bg-sub {
    background: #9899A4;
  }
  .app-theme-17 .theme-bg-sub--opacity-20 {
      background: rgba(152, 153, 164, 0.2);
  }
  .app-theme-17 .theme-style-sub {
    background: #9899A4;
    color: #FFF;
  }
  .app-theme-17 .theme-border-sub {
    border: 1px solid #9899A4;
  }
  .app-theme-17 .theme-border-color-sub {
    border-color: #9899A4;
  }
  .app-theme-17 .theme-f-thin {
    position: relative;
  }
  .app-theme-17 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #0CC59C;
  }
  .app-theme-17 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-17 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-17 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #9899A4;
  }
  .app-theme-17 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-17 .theme-tag {
    color: #0CC59C;
    position: relative;
  }
  .app-theme-17 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #0CC59C;
  }
  .app-theme-17 .theme-tag > * {
      position: relative;
  }
  .app-theme-17 .theme-tag-sub {
    color: #9899A4;
    position: relative;
    background: rgba(152, 153, 164, 0.2);
  }
  .app-theme-17 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #9899A4;
  }
  .app-theme-17 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-17 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #0CC59C;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-17 .theme-f-thin:before, .app-theme-17 .theme-f-thin-sub:before, .app-theme-17 .theme-tag:before, .app-theme-17 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-17 .theme-f-thin:before, .app-theme-17 .theme-f-thin-sub:before, .app-theme-17 .theme-tag:before, .app-theme-17 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  .app-theme-18 .theme-color {
    color: #6DDBD1;
  }
  .app-theme-18 .theme-bg {
    background: #6DDBD1;
  }
  .app-theme-18 .theme-bg--opacity-20 {
      background: rgba(109, 219, 209, 0.2);
  }
  .app-theme-18 .theme-style {
    background: #6DDBD1;
    color: #FFF;
  }
  .app-theme-18 .theme-border {
    border: 1px solid #6DDBD1;
  }
  .app-theme-18 .theme-border-color {
    border-color: #6DDBD1;
  }
  .app-theme-18 .theme-color-sub {
    color: #6B8492;
  }
  .app-theme-18 .theme-bg-sub {
    background: #6B8492;
  }
  .app-theme-18 .theme-bg-sub--opacity-20 {
      background: rgba(107, 132, 146, 0.2);
  }
  .app-theme-18 .theme-style-sub {
    background: #6B8492;
    color: #FFF;
  }
  .app-theme-18 .theme-border-sub {
    border: 1px solid #6B8492;
  }
  .app-theme-18 .theme-border-color-sub {
    border-color: #6B8492;
  }
  .app-theme-18 .theme-f-thin {
    position: relative;
  }
  .app-theme-18 .theme-f-thin:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #6DDBD1;
  }
  .app-theme-18 .theme-f-thin > * {
      position: relative;
  }
  .app-theme-18 .theme-f-thin-sub {
    position: relative;
  }
  .app-theme-18 .theme-f-thin-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #6B8492;
  }
  .app-theme-18 .theme-f-thin-sub > * {
      position: relative;
  }
  .app-theme-18 .theme-tag {
    color: #6DDBD1;
    position: relative;
  }
  .app-theme-18 .theme-tag:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #6DDBD1;
  }
  .app-theme-18 .theme-tag > * {
      position: relative;
  }
  .app-theme-18 .theme-tag-sub {
    color: #6B8492;
    position: relative;
    background: rgba(107, 132, 146, 0.2);
  }
  .app-theme-18 .theme-tag-sub:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transform-origin: left top;
          -ms-transform-origin: left top;
              transform-origin: left top;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
      box-sizing: border-box;
      border: 1px solid #6B8492;
  }
  .app-theme-18 .theme-tag-sub > * {
      position: relative;
  }
  .app-theme-18 .theme-triangle {
    width: 8px;
    height: 8px;
    border: 1px solid #6DDBD1;
    border-left: 0;
    border-bottom: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  .app-theme-18 .theme-f-thin:before, .app-theme-18 .theme-f-thin-sub:before, .app-theme-18 .theme-tag:before, .app-theme-18 .theme-tag-sub:before {
      width: 150%;
      height: 150%;
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
              transform: scale(0.7);
  }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  .app-theme-18 .theme-f-thin:before, .app-theme-18 .theme-f-thin-sub:before, .app-theme-18 .theme-tag:before, .app-theme-18 .theme-tag-sub:before {
      width: 200%;
      height: 200%;
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
              transform: scale(0.5);
  }
  }
  
  /**************************** 椤甸潰鍏ㄥ眬鏍峰紡 End ****************************/
  /**************************** Pirate缁勪欢鏍峰紡瑕嗙洊 Start ****************************/
  .app-theme-1 .theme-icon:before {
    color: #E74C75;
  }
  .app-theme-1 .theme-icon-sub:before {
    color: #B6C1D4;
  }
  .app-theme-1 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #B6C1D4;
  }
  .app-theme-1 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #E74C75;
  }
  .app-theme-1 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-1 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-1 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-1 .pirate-tab__line .line-con {
    background: #E74C75;
  }
  .app-theme-1 .pirate-tab .pirate-nav.on {
    color: #E74C75;
  }
  .app-theme-2 .theme-icon:before {
    color: #403737;
  }
  .app-theme-2 .theme-icon-sub:before {
    color: #CCC2C3;
  }
  .app-theme-2 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #CCC2C3;
  }
  .app-theme-2 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #403737;
  }
  .app-theme-2 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-2 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-2 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-2 .pirate-tab__line .line-con {
    background: #403737;
  }
  .app-theme-2 .pirate-tab .pirate-nav.on {
    color: #403737;
  }
  .app-theme-3 .theme-icon:before {
    color: #564C42;
  }
  .app-theme-3 .theme-icon-sub:before {
    color: #F5B800;
  }
  .app-theme-3 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #F5B800;
  }
  .app-theme-3 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #564C42;
  }
  .app-theme-3 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-3 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-3 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-3 .pirate-tab__line .line-con {
    background: #564C42;
  }
  .app-theme-3 .pirate-tab .pirate-nav.on {
    color: #564C42;
  }
  .app-theme-4 .theme-icon:before {
    color: #CF3035;
  }
  .app-theme-4 .theme-icon-sub:before {
    color: #DDAF72;
  }
  .app-theme-4 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #DDAF72;
  }
  .app-theme-4 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #CF3035;
  }
  .app-theme-4 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-4 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-4 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-4 .pirate-tab__line .line-con {
    background: #CF3035;
  }
  .app-theme-4 .pirate-tab .pirate-nav.on {
    color: #CF3035;
  }
  .app-theme-5 .theme-icon:before {
    color: #FF4F00;
  }
  .app-theme-5 .theme-icon-sub:before {
    color: #FF9400;
  }
  .app-theme-5 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #FF9400;
  }
  .app-theme-5 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #FF4F00;
  }
  .app-theme-5 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-5 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-5 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-5 .pirate-tab__line .line-con {
    background: #FF4F00;
  }
  .app-theme-5 .pirate-tab .pirate-nav.on {
    color: #FF4F00;
  }
  .app-theme-6 .theme-icon:before {
    color: #E73F83;
  }
  .app-theme-6 .theme-icon-sub:before {
    color: #F1A879;
  }
  .app-theme-6 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #F1A879;
  }
  .app-theme-6 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #E73F83;
  }
  .app-theme-6 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-6 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-6 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-6 .pirate-tab__line .line-con {
    background: #E73F83;
  }
  .app-theme-6 .pirate-tab .pirate-nav.on {
    color: #E73F83;
  }
  .app-theme-7 .theme-icon:before {
    color: #E74C5E;
  }
  .app-theme-7 .theme-icon-sub:before {
    color: #E0B87F;
  }
  .app-theme-7 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #E0B87F;
  }
  .app-theme-7 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #E74C5E;
  }
  .app-theme-7 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-7 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-7 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-7 .pirate-tab__line .line-con {
    background: #E74C5E;
  }
  .app-theme-7 .pirate-tab .pirate-nav.on {
    color: #E74C5E;
  }
  .app-theme-8 .theme-icon:before {
    color: #B268BB;
  }
  .app-theme-8 .theme-icon-sub:before {
    color: #E0A2E8;
  }
  .app-theme-8 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #E0A2E8;
  }
  .app-theme-8 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #B268BB;
  }
  .app-theme-8 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-8 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-8 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-8 .pirate-tab__line .line-con {
    background: #B268BB;
  }
  .app-theme-8 .pirate-tab .pirate-nav.on {
    color: #B268BB;
  }
  .app-theme-9 .theme-icon:before {
    color: #B19CE2;
  }
  .app-theme-9 .theme-icon-sub:before {
    color: #F1A879;
  }
  .app-theme-9 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #F1A879;
  }
  .app-theme-9 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #B19CE2;
  }
  .app-theme-9 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-9 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-9 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-9 .pirate-tab__line .line-con {
    background: #B19CE2;
  }
  .app-theme-9 .pirate-tab .pirate-nav.on {
    color: #B19CE2;
  }
  .app-theme-10 .theme-icon:before {
    color: #FDA283;
  }
  .app-theme-10 .theme-icon-sub:before {
    color: #FBAB66;
  }
  .app-theme-10 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #FBAB66;
  }
  .app-theme-10 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #FDA283;
  }
  .app-theme-10 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-10 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-10 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-10 .pirate-tab__line .line-con {
    background: #FDA283;
  }
  .app-theme-10 .pirate-tab .pirate-nav.on {
    color: #FDA283;
  }
  .app-theme-11 .theme-icon:before {
    color: #DBB865;
  }
  .app-theme-11 .theme-icon-sub:before {
    color: #E6577D;
  }
  .app-theme-11 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #E6577D;
  }
  .app-theme-11 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #DBB865;
  }
  .app-theme-11 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-11 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-11 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-11 .pirate-tab__line .line-con {
    background: #DBB865;
  }
  .app-theme-11 .pirate-tab .pirate-nav.on {
    color: #DBB865;
  }
  .app-theme-12 .theme-icon:before {
    color: #6B9275;
  }
  .app-theme-12 .theme-icon-sub:before {
    color: #FDAB66;
  }
  .app-theme-12 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #FDAB66;
  }
  .app-theme-12 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #6B9275;
  }
  .app-theme-12 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-12 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-12 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-12 .pirate-tab__line .line-con {
    background: #6B9275;
  }
  .app-theme-12 .pirate-tab .pirate-nav.on {
    color: #6B9275;
  }
  .app-theme-13 .theme-icon:before {
    color: #20A4FF;
  }
  .app-theme-13 .theme-icon-sub:before {
    color: #52D05C;
  }
  .app-theme-13 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #52D05C;
  }
  .app-theme-13 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #20A4FF;
  }
  .app-theme-13 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-13 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-13 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-13 .pirate-tab__line .line-con {
    background: #20A4FF;
  }
  .app-theme-13 .pirate-tab .pirate-nav.on {
    color: #20A4FF;
  }
  .app-theme-14 .theme-icon:before {
    color: #4A72F6;
  }
  .app-theme-14 .theme-icon-sub:before {
    color: #C2DD6B;
  }
  .app-theme-14 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #C2DD6B;
  }
  .app-theme-14 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #4A72F6;
  }
  .app-theme-14 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-14 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-14 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-14 .pirate-tab__line .line-con {
    background: #4A72F6;
  }
  .app-theme-14 .pirate-tab .pirate-nav.on {
    color: #4A72F6;
  }
  .app-theme-15 .theme-icon:before {
    color: #654AF6;
  }
  .app-theme-15 .theme-icon-sub:before {
    color: #A69BE6;
  }
  .app-theme-15 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #A69BE6;
  }
  .app-theme-15 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #654AF6;
  }
  .app-theme-15 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-15 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-15 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-15 .pirate-tab__line .line-con {
    background: #654AF6;
  }
  .app-theme-15 .pirate-tab .pirate-nav.on {
    color: #654AF6;
  }
  .app-theme-16 .theme-icon:before {
    color: #28ABFE;
  }
  .app-theme-16 .theme-icon-sub:before {
    color: #70DACB;
  }
  .app-theme-16 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #70DACB;
  }
  .app-theme-16 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #28ABFE;
  }
  .app-theme-16 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-16 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-16 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-16 .pirate-tab__line .line-con {
    background: #28ABFE;
  }
  .app-theme-16 .pirate-tab .pirate-nav.on {
    color: #28ABFE;
  }
  .app-theme-17 .theme-icon:before {
    color: #0CC59C;
  }
  .app-theme-17 .theme-icon-sub:before {
    color: #9899A4;
  }
  .app-theme-17 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #9899A4;
  }
  .app-theme-17 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #0CC59C;
  }
  .app-theme-17 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-17 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-17 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-17 .pirate-tab__line .line-con {
    background: #0CC59C;
  }
  .app-theme-17 .pirate-tab .pirate-nav.on {
    color: #0CC59C;
  }
  .app-theme-18 .theme-icon:before {
    color: #6DDBD1;
  }
  .app-theme-18 .theme-icon-sub:before {
    color: #6B8492;
  }
  .app-theme-18 .pirate-action-bar .pirate-action-bar-large-btn {
    background: #6B8492;
  }
  .app-theme-18 .pirate-action-bar .pirate-action-bar-large-btn:last-of-type {
      background: #6DDBD1;
  }
  .app-theme-18 .pirate-action-bar .pirate-action-bar-large-btn.disabled {
      background: #888;
  }
  .app-theme-18 .pirate-action-bar .pirate-action-bar-large-btn.prompt {
      background: linear-gradient(-117deg, #F6A346 0%, #FCB719 100%);
  }
  .app-theme-18 .pirate-action-bar .pirate-action-bar-large-btn.opacity {
      opacity: 0.6;
  }
  .app-theme-18 .pirate-tab__line .line-con {
    background: #6DDBD1;
  }
  .app-theme-18 .pirate-tab .pirate-nav.on {
    color: #6DDBD1;
  }
  
  /**************************** Pirate缁勪欢鏍峰紡瑕嗙洊 End ****************************/
  .iconfont__shop:before {
    content: "\E616";
  }
  .iconfont__im:before {
    content: "\E6D1";
  }
  .iconfont__conact-shop:before {
    content: "\E6D2";
  }
  .iconfont__nav-item-1:before {
    content: "\E6F2";
  }
  .iconfont__nav-item-1--active:before {
    content: "\E6E1";
  }
  .iconfont__nav-item-2:before {
    content: "\E6E3";
    color: #d8dce0 !important;
  }
  .iconfont__nav-item-2--active:before {
    content: "\E6E3";
  }
  .iconfont__nav-item-3:before {
    content: "\E6EF";
  }
  .iconfont__nav-item-3--active:before {
    content: "\E6E6";
  }
  .iconfont__nav-item-4:before {
    content: "\E6E6";
    color: #d8dce0 !important;
  }
  .iconfont__nav-item-4--active:before {
    content: "\E6E6";
  }
  .iconfont__nav-item-5:before {
    content: "\E6E8";
  }
  .iconfont__nav-item-5--active:before {
    content: "\E6F4";
  }
  .iconfont__nav-item-6:before {
    content: "\E6DB";
    color: #d8dce0 !important;
  }
  .iconfont__nav-item-6--active:before {
    content: "\E6DB";
  }
  .iconfont__nav-item-7:before {
    content: "\E6EC";
  }
  .iconfont__nav-item-7--active:before {
    content: "\E6F3";
  }
  .iconfont__nav-item-8:before {
    content: "\E6DF";
    color: #d8dce0 !important;
  }
  .iconfont__nav-item-8--active:before {
    content: "\E6DF";
  }
  .iconfont__nav-item-9:before {
    content: "\E6ED";
  }
  .iconfont__nav-item-9--active:before {
    content: "\E6DA";
  }
  .iconfont__nav-item-10:before {
    content: "\E6DD";
    color: #d8dce0 !important;
  }
  .iconfont__nav-item-10--active:before {
    content: "\E6DD";
  }
  .iconfont__nav-item-11:before {
    content: "\E6EB";
  }
  .iconfont__nav-item-11--active:before {
    content: "\E6E2";
  }
  .iconfont__nav-item-12:before {
    content: "\E6E2";
    color: #d8dce0 !important;
  }
  .iconfont__nav-item-12--active:before {
    content: "\E6E2";
  }
  .iconfont__nav-item-13:before {
    content: "\E6EE";
  }
  .iconfont__nav-item-13--active:before {
    content: "\E6E5";
  }
  .iconfont__nav-item-14:before {
    content: "\E6E4";
    color: #d8dce0 !important;
  }
  .iconfont__nav-item-14--active:before {
    content: "\E6E4";
  }
  .iconfont__nav-item-15:before {
    content: "\E6EA";
  }
  .iconfont__nav-item-15--active:before {
    content: "\E6DE";
  }
  .iconfont__nav-item-16:before {
    content: "\E6E0";
    color: #d8dce0 !important;
  }
  .iconfont__nav-item-16--active:before {
    content: "\E6E0";
  }
  .iconfont__down:before {
    content: "\E617";
  }
  .iconfont__selected-tag:before {
    content: "\E624";
  }
  .iconfont__selected-tag-for-rb:before {
    content: "\E643";
  }
  .iconfont__selected:before {
    content: "\E627";
  }
  .iconfont__order-un-pay:before {
    content: "\E6F1";
  }
  .iconfont__order-un-shipping:before {
    content: "\E644";
  }
  .iconfont__order-shipping:before {
    content: "\E642";
  }
  .iconfont__order-all:before {
    content: "\E6F0";
  }
  
  @charset "UTF-8";
  /**
   * 涓婄嚎1px鐨勮竟妗嗘晥鏋�
   * @deprecate 涓嶅ソ鐢�,璇蜂娇鐢╞order-1x杩欎釜mixin
   * @param  {[type]} $color:     #e5e5e5       [description]
   * @param  {[type]} $direction: bottom        [description]
   * @param  {[type]} $radius:    0             [description]
   * @return {[type]}             [description]
   */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * 鍦ㄩ珮鍒嗗睆涓�1px杈规铏氱嚎鏁堟灉
  * 渚嬪瓙:@include border-1x(0 0 1);
  * @param $borders 杈规,閬靛惊涓婂彸涓嬪乏鐨勯『搴�,鍙畝鍐�.濡�:涓婁笅杈规border-1x(1 0),涓婂彸宸﹁竟妗哹order-1x(1 1 0)
  * @param $color 杈规鑹插€�
  * @param $radius 鍦嗚
  */
  /**
  * css涓夎褰�
  */
  .bottom[data-v-4ff9dbe1] {
    padding-top: 24px;
    padding-bottom: 6px;
  }
  .bottom .quick-menu[data-v-4ff9dbe1] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding: 15px 0;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .bottom .quick-menu span[data-v-4ff9dbe1] {
        font-size: 12px;
        color: #666;
        margin: 0 15px;
  }
  .bottom .sep[data-v-4ff9dbe1] {
      height: 0;
      margin: 0 80px;
      position: relative;
      border-radius: 0;
  }
  .bottom .sep[data-v-4ff9dbe1]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 200%;
        height: 200%;
        -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
                transform-origin: left top;
        -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
                transform: scale(0.5);
        border-radius: 0;
        box-sizing: border-box;
  }
  .bottom .sep > *[data-v-4ff9dbe1] {
        position: relative;
  }
  .bottom .sep[data-v-4ff9dbe1]:before {
        border-top: 1px solid #e5e5e5;
  }
  .bottom .sep[data-v-4ff9dbe1]:before {
        border-right: 0px solid #e5e5e5;
  }
  .bottom .sep[data-v-4ff9dbe1]:before {
        border-bottom: 0px solid #e5e5e5;
  }
  .bottom .sep[data-v-4ff9dbe1]:before {
        border-left: 1px solid #e5e5e5;
  }
  
  .copyright[data-v-00bdec64] {
    padding: 15px 0;
    color: #bbb;
    text-align: center;
    font-size: 12px;
  }
  /* sprite-loader-enable */
  .nav[data-v-80ae19ea] {
    z-index: 10;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background: #fff;
  }
  .nav[data-v-80ae19ea]:before {
    border-top: 1px solid #e5e5e5;
  }
  .nav .item[data-v-80ae19ea] {
    height: 100%;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #666;
    box-sizing: border-box;
    overflow: hidden;
  }
  .nav .item span[data-v-80ae19ea] {
    -webkit-transform: scale(0.83);
        -ms-transform: scale(0.83);
            transform: scale(0.83);
    display: block;
    width: 100%;
    text-align: center;
    height: 12px;
    overflow: hidden;
  }
  .nav .item i[data-v-80ae19ea] {
    font-size: 20px;
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 4px;
  }
  .nav .item i img[data-v-80ae19ea] {
    width: 100%;
    height: 100%;
  }
  .toast {
    position: fixed;
    top: 35%;
    left: 50%;
    width: 220px;
    padding: 0;
    margin: 0 0 0 -110px;
    z-index: 9999;
    color: #fff;
    line-height: 1.5em;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.7);
  }
  .toast .message {
      padding: 10px;
      text-align: center;
      word-wrap: break-word;
  }
  
  .confirm[data-v-582f0dab] {
      padding: 20px;
      text-align: center;
  }
  .confirm h4[data-v-582f0dab] {
      font-size: 17px;
  }
  .confirm .msg[data-v-582f0dab] {
      margin: 20px auto 10px;
      font-size: 13px;
  }
  
  .center-container[data-v-66de715a] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
  }
  .center-container.hide[data-v-66de715a] {
      display: none;
  }
  .mark-black[data-v-66de715a] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
  }
  .login-container[data-v-66de715a] {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 24px;
    background: #fff;
    border-radius: 3px;
    z-index: 101;
  }
  .login-container .login-cancel[data-v-66de715a] {
      display: inline-block;
      position: absolute;
      top: 8px;
      right: 8px;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      border: #9B9B9B solid 1px;
      text-align: center;
      line-height: 16px;
  }
  .login-container .login-title[data-v-66de715a] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .login-container .login-title .t[data-v-66de715a] {
        font-size: 20px;
        color: #222;
  }
  .login-container .login-title .b[data-v-66de715a] {
        font-size: 12px;
        color: #888888;
        margin-top: 9px;
  }
  .login-container .login-form-container[data-v-66de715a] {
      padding-top: 33px;
  }
  .login-container .login-form-container .login-cancel > span[data-v-66de715a] {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 0 0 3px 1px;
        vertical-align: middle;
  }
  .login-container .input-downline-normal[data-v-66de715a] {
      padding-bottom: 20px;
      border-bottom: solid #ddd .5px;
      color: #ddd;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
  }
  .login-container .input-downline-normal input[data-v-66de715a] {
        width: 120px;
        font-size: 14px;
        margin-left: 8px;
        border: none;
        line-height: 16px;
        height: 16px;
  }
  .login-container .send-verify[data-v-66de715a] {
      display: inline-block;
      width: 70px;
      padding-left: 8px;
      border-left: solid #ddd 1px;
      text-align: center;
  }
  .login-container .btn-login[data-v-66de715a] {
      width: 100%;
      box-sizing: border-box;
      padding: 10px 32px 10px 32px;
      font-size: 14px;
      border-radius: 48px;
      border: 0;
      text-align: center;
  }
  .login-container .right[data-v-66de715a] {
      margin-top: 17px;
      text-align: center;
      font-size: 12px;
      font-family: PingFangSC-Regular;
      font-weight: 400;
      color: #666;
  }
  .login-container .right a[data-v-66de715a] {
        color: #E74C75;
  }
  .login-container .disable[data-v-66de715a] {
      opacity: .4;
  }